头像

百度地图显示10个以上的标注点实例【原创

来源:http://www.sodugoo.com/php/3284 24***4k 2017-12-06 21:15浏览(4160) 收藏

不必再为百度地图api限制标注点的数量数量而烦恼了,几行js代码轻松搞定!
百度地图显示10个以上的标注点实例
分类:PHP > 统计图+地图 难易:中级

程序员,你不是一个人;网站开发QQ群:35248186,在线充值,或联系QQ2589223951直接充值

查看演示 下载资源: 2 下载资源 下载火币: 20 火币
解压文件直接打开即可
var doch = $(document).height() - 95;
var taddress = '';
taddress = '银川市';
var map = new BMap.Map("map-container");//在container容器中创建一个地图,参数container为div的id属性;
map.centerAndZoom(taddress, 5);                //将point移到浏览器中心,并且地图大小调整为15;
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.MapTypeControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
map.enableScrollWheelZoom();//启动鼠标滚轮缩放地图
map.enableKeyboard();//启动键盘操作地图
setTimeout(function() {
    $.each([{"short_name": "\u6807\u6CE8\u70B9", "address": "\u4E91\u5357\u7701\u6606\u660E\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u5E7F\u4E1C\u7701\u5E7F\u5DDE\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u798F\u5EFA\u7701\u798F\u5DDE\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u53F0\u6E7E\u7701\u53F0\u5317\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u56DB\u5DDD\u7701\u6210\u90FD\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u65B0\u7586\u4E4C\u9C81\u6728\u9F50"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u91CD\u5E86\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u5170\u5DDE\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u94F6\u5DDD\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u90D1\u5DDE\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u5357\u4EAC\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u6D4E\u5357\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u5317\u4EAC\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u54C8\u5C14\u6EE8\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u6C88\u9633\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u547C\u548C\u6D69\u7279\u5E02"}, {"short_name": "\u6807\u6CE8\u70B9", "address": "\u5927\u8FDE\u5E02"}], function(index, item) {
        var iadd = item.address.substr(0, 32);
        $.getJSON('http://api.map.baidu.com/geocoder/v2/?address=' + iadd + '&output=json&ak=DYaq3yBlOfNVjYmedl31HEbU&callback=?',
                function(data) {
                    var lng = data.result.location.lng;
                    var lat = data.result.location.lat;
                    var point = new BMap.Point(lng, lat);
                    var myIcon = new BMap.Icon("/Front/Public/images/MarkerIcon.png?v=20161129", new BMap.Size(10, 10), {
                        offset: new BMap.Size(5, 10), // 指定定位位置  
                        imageOffset: new BMap.Size(0, 0) // 设置图片偏移  
                    });

                    var aaa = new BMap.Marker(point, {icon: myIcon});
                    map.addOverlay(aaa);
                    aaa.setZIndex('1');
                    var bbb = new BMap.Label(item.short_name, {offset: new BMap.Size(-24, -40)});
                    bbb.setStyle({height: '46px', color: '#fff', lineHeight: '46px', borderRadius: '26px', padding: '0px 6px', zIndex: '-1', background: '#b4a078', background:'rgba(180,160,120,0.9)'});
                    aaa.setLabel(bbb);
                }
        );
    })
}, 500)
标签: 百度地图
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:http://www.sodugoo.com/php/3284.html
最新交易
评论39
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 2589223951

  • 头像 38楼
    05-01 07:27
    hm***10
    这个很不错,先留着慢慢看
  • 头像 37楼
    04-25 08:56
    yu***赫赫
    下载下来看看,,看起来还不错。
  • 头像 36楼
    03-13 15:29
    ***
    真是啥都有啊 最近正在照这个东西
  • 头像 35楼
    02-23 20:22
    He***ck
    这个就很不错了看起来很实用的样子
  • 头像 34楼
    02-05 10:18
    ha***xi
    这个有用的到的地方,下载下来看看
  • 头像 33楼
    02-05 08:30
    仿***者
    感觉好溜溜溜啊 正是我这几天需要的 要学习
  • 头像 32楼
    01-29 14:50
    u_***78
    有空了学学他调用百度地图
  • 头像 31楼
    01-26 11:03
    无***语
    百度地图还可以这么玩啊,膜拜大神。
  • 头像 30楼
    01-21 22:12
    西***侠
    看来很好用,下载下来看看
  • 头像 29楼
    01-16 11:14
    xi***ng
    这个是不是调取定位的,不过看样子好好用的样子,我看看下载
1 2
亿彩彩票 www.233205.com-幸运快三app网址| www.ys14.com-彩票图片可以兑奖吗| www.96za.com-彩票卖到晚上几点| www.30227.com-雪缘园足球彩比分| www.336586.com-乐彩网3的福彩| www.245698.com-易彩堂的网址是多少| www.309628.com-体彩七位数怎么选号| www.756176.com-机选七星彩号码查询| www.659072.com-云南时时彩几点开始| www.822767.com-口袋彩店安全| 中彩网www.81233cc.com| www.jh51.com-发彩网注册-| www.3315.com-汇彩网入口-| www.42295.com-有比k彩好的平台吗| www.907213.com-快三助赢计划官网| www.26938.cc-七星彩中奖了怎么办| www.jw45.com-新2彩票下载软件| www.1506.vip-彩虹的约定教案流程| www.00zu.com-吉林快三直选计划| www.445318.com-彩票即开玩法| www.bh.cc-河北福彩快3规则| www.77hu.cc-缅甸佤邦有博彩推广| www.370180.com-福彩今天关注金码| www.765463.com-彩票反水啥意| www.781822.com-国彩网app下载| www.724233.com-乐彩彩票官网地址| www.69955.com-福彩3d果今天| www.041106.com-俄罗斯彩票中奖者| www.750880.com-购买网上彩票犯法吗| www.835023.com-缅甸忠告好彩| www.911713.com-如何玩福利彩票| www.39gz.com-七星彩选号顺口溜| www.722.biz-时时彩任何2和值| www.261342.com-凤凰彩票提不了| www.50lx.com-旭彩苑-| www.hv96.com-北京彩票中心的电话| www.441387.com-香港十分彩-| www.695927.com-胜负彩中奖计算器| www.861565.com-安徽体彩兑奖| www.982510.com-优游时时彩平台注册| www.rv86.com-彩票开奖结果牛彩网| www.69xi.com-乐愽彩票网-| www.6891.net-彩票平台程序的优质| www.916955.com-乐迎彩票-| www.695087.com-今日稳胆竞彩推荐| www.14385.com-体彩周六开什么彩票| www.8328.net-福彩7加5多少钱| www.aq3.com-河北快三中奖金额| www.050400.com-玩黑彩赔钱了| www.7708.in-护民彩图图库| www.77919.com-彩衣娱亲-| www.101364.com-中彩拉app-| www.355706.com-足彩中奖需要交税吗| www.447822.com-福利彩票19030| www.8650.org-福彩堂高手彩票| www.662578.com-盛兴彩票欢迎使用| www.832560.com-七彩云端app| www.jq13.com-快三有赢钱的吗| www.504466.com-预演和彩排的区别| www.707695.com-彩票号码历史开奖| www.554332.com-福彩双色球解析| www.830508.com-手机查询彩票的软件| www.959675.com-买彩票刷流水被骗| www.oz9.com-内蒙古快三爱彩乐| www.47tk.com-酷狗彩铃下载| www.5698.me-福彩3d杀1和尾| www.801231.com-彩猫主页-| www.15788.cc-华夏彩票链接| www.044629.com-彩81安卓-| www.133038.com-彩钢道路围挡| www.997679.com-爱心彩app-| www.801074.com-购彩软件骗局| www.902248.com-黑彩流水返点| www.960298.com-大吉彩票网开多久了| 彩吧www.586960.com| www.893140.com-彩票高手求职第几期| 博友彩www.937652.com| www.566342.com-体彩11选5任选三| www.21983.cc-app刷彩票-| www.67218.com-福彩到哪里领奖| www.860099.com-破解快三软件下载| www.77769.cc-福彩开奖上期结果| www.945765.com-福建福彩领奖地址| 福利彩票www.78700a.com| www.984365.com-买快3彩票的软件| www.d84.cc-996彩票下载安装| www.49180.com-体育彩票做庄微信群| www.aj85.com-开什么奖了七星彩| www.020488.com-快速开奖的彩票| www.3686.cm-彩色复印机机| www.13390.com-竞彩十四场开奖| www.488477.com-上海双色球快三| www.604948.com-大乐彩啥时间开奖| www.880113.com-3号彩票旧版| www.972136.com-383博彩-| www.cp3866.com-吉林快三手机助手| www.365617.cc-竞彩比分漏洞| www.339289.com-彩宝时时彩软件下载| www.458250.com-15选5彩票的玩法| www.597422.com-11选5体彩软件| www.699267.com-重庆时彩注册平台| www.262765.com-彩界看胆人-| www.352730.com-哪个黑彩平台靠谱| www.21513.cc-彩神会下载-| www.77231.cc-七星彩几率-| www.735333.com-7星彩概率-| www.189869.com-江苏福彩快3遗漏号| www.971.in-七乐彩选号中奖公式| www.293271.com-湖北省福彩开奖结果| www.42fr.com-金华体彩元旦放假吗| www.6774.biz-福彩快5玩法| www.091300.com-易盈彩票下载| www.948296.com-民政局福彩中心| www.2628.vip-360彩票倍投器| www.830583.com-千福彩票骗局揭秘| www.893933.com-福彩3d中奖扣税吗| www.953408.com-好彩l开奖结果查询| www.995842.com-期期好彩app下载| www.sh3.com-上海体彩兑奖地点| www.rk26.com-快三何值表-| www.y84.net-彩票软件搭建| www.609276.com-优彩平台登录| www.690975.com-足彩四场进球预测| www.954531.com-信誉彩票1966| www.go60.com-全国彩礼排名| www.k37.cc-快三微信群吧| www.676711.com-易彩快3大小单双句| www.279675.com-时时彩0369打法| www.50088.com-江苏快三怎么稳赢| www.6707.vip-网上买彩票能提现吗| www.940083.com-48选7彩开奖结果| www.65pj.com-彩票站一张彩票提成| www.5297.com-哪里能买时时彩龙虎| www.87bb.com-会员登陆乐彩| www.560180.com-天气网体彩试机号| www.662246.com-实时彩平台哪个好| www.039303.com-福彩3d历史-| www.0273.cn-竞彩混合计算器| www.12344.cc-体彩大乐透怎样兑奖| www.232657.com-上海快三介绍玩法| www.001950.com-深圳福彩网官方首页| www.622603.com-3d彩报小-| www.47qq.com-南宁哪里领体彩奖| www.qk91.com-下载一定牛彩票网| www.659354.com-博彩源码php| www.396377.com-彩虹手机壁纸高清| www.530838.com-黑客会攻击彩票网么| www.976680.com-江油彩礼一般多少| 500彩票www.50064j.com| www.112751.com-快三十五选五安徽| www.cp503.com-四川快三开奖号码| www.88am.cc-麒麟团队彩票怎么样| www.533149.com-彩票的运算公式| www.391753.com-彩票256ios-| www.4008.com-私彩提前知道开奖号| www.8689.biz-7星彩手机怎么买| www.26378.com-710彩票平台| www.623813.com-胜负彩下载-| www.922326.com-约彩官网-| www.524323.com-福彩快乐12规则| www.774467.com-创意水彩画图片| www.835126.com-好彩香烟焦油含量| www.887891.com-乐彩不让提现| www.939337.com-万鼎网彩票app|