头像

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

来源:http://www.renshijituan.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.renshijituan.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
极速快3 www.258103.com-彩票试玩账号破解| www.387427.com-彩票拉代理犯法吗| www.759177.com-微彩特区七星论坛| www.856011.com-福彩七星彩玩法介绍| www.918737.com-银河博彩-| www.980067.com-体彩打票员-| www.kw61.com-七天彩提现-| www.n31.cn-京彩怎么下载呀| www.48gh.com-幸福彩票网注册网址| www.919.space-网上买彩票有导师带| www.5424.vip-彩票站挣钱吗| www.09871.com-95彩票靠谱吗| www.55594.cc-福利彩票大小单双| www.001884.com-七星彩复式注多少钱| www.073302.com-也买彩官方网站| www.140030.com-天津时时彩官网| www.220123.com-河南游泳彩票走势图| www.297940.com-山东体彩在线| www.368532.com-中了彩票人的下场图| www.467033.com-彩票几点封机| www.556166.com-福彩3d图纸汇总| www.629077.com-足彩4月赛程安排| www.700387.com-福彩3d藏机字谜图| www.781433.com-卓易彩票网-| www.861711.com-手机在线体彩| www.927297.com-被高频彩票害惨| www.984691.com-彩运8官方购彩平台| www.cp2700.com-江苏快三彩票合法吗| www.nc21.com-乐米彩票官方网站| www.04js.com-彩富天下-| www.77qr.com-彩票30块钱-| www.1757.vip-31选7私彩平台| www.17726.cc-竞彩让球胜平负开奖| www.55310.com-江苏福彩有哪些玩法| www.90351.com-机选买彩票能中奖吗| www.050612.com-中华彩票电子版| www.184419.com-足彩新浪-| www.257615.com-11选5爱彩乐浙江| www.329862.com-手机彩票注册送钱| www.398926.com-蜀州通的彩票地址| www.598441.com-七乐彩32期-| www.671620.com-六今彩全年资料| www.749609.com-罗彩-| www.813874.com-宁夏体彩有中奖的吗| www.884446.com-五行预测彩票的方法| www.ki.cc-北京快三官网下载| www.nq73.com-重庆时时彩官方助手| www.3iz.com-热购彩票合法吗| www.59bb.com-体彩大乐透购买方法| www.0316.me-昆明彩票店承包| www.8037.cm-北京十字彩-| www.27222.com-如何破解彩票软件| www.69336.cc-彩票概率计算方法| www.044054.com-仁信彩票是真的吗| www.126478.com-彩票是假的贴吧| www.196559.com-彩票开奖结果查| www.267369.com-500足彩票网| www.433354.com-遵义在哪领彩票奖| www.dt0.com-今天湖北快三一定牛| www.15814.com-福彩七乐彩单式玩法| www.396693.com-彩虹照片背景图片| 99彩票www.749996.com| www.iw23.com-足彩比-| www.zf94.com-聚鑫彩票骗局| www.23uq.com-亚洲杯足彩竞猜| www.0640.top-竞彩足球比分直| www.6824.com-今天3d福彩彩报| www.17378.com-福彩3d杀尾-| www.56807.com-抚州市福彩中心地址| www.023945.com-足彩属不属于赌博| www.093466.com-赌彩票倾家荡产复仇| www.155170.com-足彩第19044期| www.257108.com-申请福彩快三代理| www.324556.com-体彩中奖号码| www.389130.com-安徽彩票11选5| www.517238.com-乐彩票的乐彩论坛| www.581719.com-永盛彩票网登录| www.650788.com-十字彩平台-| www.761309.com-陕西省体彩中心电话| www.842965.com-体育彩票哪年上市| www.904831.com-彩95平台-| www.964069.com-甘肃快三专家| 易彩网www.99638f.com| www.fc84.com-如何破解江苏快三| www.vk50.com-幸运5分彩的骗局| www.05fx.com-儿童雪天彩铅画| www.66vu.com-菲律宾游彩网| www.0328.com-查找附近体育彩票店| www.9005.org-123体彩预-| www.40072.com-福彩3d网聋哑人| www.81865.cc-时时彩单号遗漏最大| www.029099.com-星光彩票大发快三| www.099167.com-五百彩票-| www.158824.com-全民彩票快速登录| www.276800.com-北京快三垮度形态图| www.356616.com-彩票发家-| www.426159.com-足彩胜负彩新浪预测| www.518427.com-苹果x炫彩壁纸| www.579382.com-逸彩和溢彩-| www.640067.com-22彩票公司在哪里| www.760322.com-红彩会官方网站下载| www.827234.com-彩易网3d2018| www.886796.com-福彩快开彩赛马| www.969002.com-福彩3d胆码定位| www.fx8.cc-赢彩彩票网站| www.mx94.com-天天中彩官网app| www.u55.cc-快三和值012路| www.42os.com-苹果原彩显示耗电吗| www.096.me-彩神一号是真的吗| www.2849.win-玩彩神8输了三十万| www.7820.pw-福星新星彩-| www.19622.com-网上买私彩多少犯法| www.55454.cc-彩博888-| www.93125.cc-竞彩公司团队| www.039914.com-免费彩票合买软件| www.193513.com-长春快三开奖查询| www.255650.com-唯一正规彩票网| www.316600.com-福彩标志图-| www.374370.com-下载体彩彩票软件| www.512789.com-三毛彩票-| www.571969.com-体彩两码遗漏统计| www.634499.com-昨天七星彩开奖号码| www.781948.com-西弯彩票-| www.846590.com-福彩双色球假的吗| www.899459.com-彩神通会员4码软件| www.956287.com-彩票应用排行| 惠民彩票www.hm5222.com| www.uu5.com-彩票研究高手论坛| www.pa81.com-3d预测彩吧-| www.9mj.com-大发彩票进不去| www.58rm.com-福彩开奖造假的视频| www.686.cc-时时彩诈骗在哪报案| www.3748.com-辽宁省福利彩票3d| www.8453.org-8168彩票网站| www.501895.com-开彩传媒365| www.ab1.com-北京快三免费计划| www.085046.com-台码福星彩开奖结果| www.579178.com-异世界蕾姆全彩本子| www.638619.com-色彩三要素是什么| www.737246.com-谁知道众彩彩票网站| www.798001.com-盈发彩票bug| www.850939.com-足球360胜负彩| www.893510.com-河北快三和值大小| www.944569.com-什么彩票三分钟一期| www.985594.com-28彩票官网-| 幸运彩票www.631799.com| www.fs04.com-网上时时彩骗局揭秘| www.uc00.cc-快3福彩官方下载| www.6ci.com-娱乐宝彩票平台| www.48ru.com-北京七彩云南| www.269.cx-七星彩三字头尾| www.2626.hk-彩票大乐透开奖预测| www.7361.vip-5分钟快三计划表| www.14828.com-龙凤彩票网站官网| www.51765.cc-福彩三b开机号| www.86067.com-中国彩民更懂彩吧| www.030282.com-好运来彩票网可信吗| www.097368.com-3cp上彩票-| www.147311.com-掌中彩官网-| www.350193.com-l乐彩写真机| www.405798.com-50707巨峰彩票| www.498062.com-连中彩票是不是真的| www.554032.com-晨兴彩票网址| www.606744.com-天津福彩客服电话|