头像

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

来源:http://www.qn26.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.qn26.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.395282.com-彩虹岛手游台服| www.68dg.com-多乐快三走势图| www.7063.cn-幸运彩大发快3| www.029981.com-五洲彩票跑路了吗| www.938111.com-易彩彩票专用计算器| www.bc97.com-彩票数据收集系统| www.193992.com-河南快三的台子| www.078061.com-买福利彩票的风险| www.529135.com-87彩店网页版| www.637150.com-彩虹台网络在线直播| www.779636.com-大同体彩中心| www.901711.com-常宁公益福彩| www.994567.com-彩票30号预测| www.rb13.cc-玩脑者财神分分彩| www.398.tv-神马彩票预测| www.v74.club-大彩网排列三走势图| www.0734.la-网上七星购彩靠谱吗| www.5278.online香港跑马派彩| www.9910.top-江苏体彩7-| www.008918.com-七星彩旱版专区| www.073789.cc-彩票平台招代理| www.584723.com-天天足彩软件| www.654606.com-排列三开机号彩宝网| www.718932.com-马来分分彩走势图| www.796683.com-众博彩票网站| www.860913.com-福利彩票3d直播| www.906631.com-山西快乐十分钟彩票| www.992797.com-足彩推荐论坛哪个好| www.cp8780.com-福彩快三软件下载| www.ox68.com-福彩3d中奖绝技| www.59565.com-ip代玩彩票兼职| www.024672.com-中国福利彩票积| www.237705.com-北京快三输-| www.308406.com-万彩吧高手计划| www.369094.com-国家许可的网络彩票| www.2831.com-梦解七星彩-| www.088974.com-福利彩票复式4十1| www.551191.com-体彩三d今天| www.628550.com-上饶福彩中心电话| www.686888.com-女孩子中彩票| www.752411.com-3b彩票谜语-| 金冠彩票www.49956g.com| www.dc23.com-达人彩票合法吗| www.rn99.com-8号彩票靠谱吗| www.00xz.com-福彩一等奖领奖流程| www.3566.com-南方双彩安卓下载| www.278636.com-移动彩票售卖机| www.355410.com-彩票咋样稳赚| www.410374.com-唯彩会苹果怎么下载| www.510422.com-彩虹的约定音乐教案| www.563703.com-3走势图彩吧助手| www.209828.com-鸿运彩票合买平台| www.327319.com-天天购彩票骗局揭秘| www.482786.com-惠彩网络科技| www.b54.net-下载福彩助手| www.856747.com-118官方彩票网站| www.949775.com-中华福彩网开机号| 500彩票网www.65707z.com| www.237972.com-江苏快三漏洞打法| www.65ed.com-老杜说彩票视频| www.631.cc-香港乐和彩-| www.874690.com-时时彩平台排行榜| www.972643.com-彩铅意境画-| www.ft69.com-中国福彩网一分快3| www.878941.com-河南福彩客服电话| 玩彩吧www.777337.com| www.71981.com-c9彩九-| www.2648.cc-一分快三大小方法| www.208913.com-贵州福彩快三开结果| www.361379.com-e赢彩是真是假| www.512631.com-彩铅画图片卡通整幅| www.692316.com-高频彩接口-| www.041118.com-广西快三开奖号码锁| www.140322.com-彩票中奖到哪里兑奖| www.215422.com-七星彩游戏规则| www.288229.com-爱彩乐苹果手机下载| www.355863.com-足球竞彩交税规则| www.070203.com-龙虎彩票平台| www.358749.com-濠江彩票天下| www.444896.com-咸阳彩票店转让信息| www.528221.com-时时彩买9码概率| www.595000.cc-唯博彩票软件下载| www.125082.com-给中国福彩中心留言| www.ld18.com-彩中彩娱乐-| www.j70.me-彩票网投平台跑路| www.54if.com-精彩分享平台| www.0120.top-彩色是指什么颜色| www.20uy.com-彩票中奖金额最大| www.969111.com-刷彩金啥意思| www.cp263.cc-江苏福彩快三开奖| www.kw08.com-网易新快三在哪里买| www.08nr.com-爱购彩票有几个版本| www.gw95.com-大发快三是什么意思| www.223452.com-人人快三合法吗| www.611856.com-福彩怎样账户充值| www.750040.com-今日中彩是不是稳赚| www.857623.com-梦想彩票苹果版| www.28849.com-如何投诉彩票外围| www.038068.com-安徽快三平台下载| www.51415.com-糖果彩是不是正规的| www.028534.com-黑彩怕不怕会员报警| www.688348.com-福彩3d教父交流群| www.771784.com-时时彩计划软件下载| www.007237.com-只送彩票彩金的平台| www.637000.com-彩虹六号各种版本| www.20505.cc-大发彩票靠谱不| www.023696.com-百姓彩票提现要多久| www.230503.com-福彩3d新彩吧| www.347387.com-流文溢彩优美散文| www.524932.com-今曰开奖彩票| www.690602.com-500彩票网一首页| www.809072.com-中博彩票下载| www.912086.com-福彩53-| 500万彩票www.500yf.com| www.57856.cc-易购时时彩平台| www.028581.com-彩票黑客联系方式| www.214844.com-爱彩乐湖北快三开奖| www.387459.com-手机彩膜制作机| www.sr19.com-台湾时时彩骗局揭秘| www.983175.com-盈彩吧双色球| www.am74.com-福彩快三注册推荐码| www.121302.com-体彩排列五随机选号| www.590994.com-大富彩票官网| www.662690.com-中国竟彩网首页官网| www.730697.com-足彩竞彩贴吧| www.789138.cc-玩时时彩倍投止损| www.847459.com-福彩三加一中多少钱| www.894787.com-彩票开奖查结果查询| www.949027.com-中彩股份赵毅| www.984457.com-彩运8导师-| www.67kh.com-附近哪有彩票站| www.793.live-彩虹天堂吉他谱c调| www.385586.com-天空彩站禁三肖| www.068860.com-快三定胆是什么意思| www.364428.com-360彩票厅-| www.898245.com-足球彩票在哪里好| www.82159.com-ig传统彩合法吗| www.024917.cc-七星彩奖表下载安装| www.308816.com-中福彩票快三| www.1518.com-知名彩票平台| www.7726.cm-中华彩票报电子版| www.17782.cc-竞彩足球软件| www.59929.cc-谁玩过幸运快三骗局| www.49679.com-红五图库彩票| www.h89.cc-奥鸿集团彩票合法吗| www.381.net-牛彩软件下载| www.4166.xyz-彩虹六号豪华版| www.9683.vip-大发快三是假的吗| www.895413.com-华彩骗局-| www.672702.com-福利彩票作假案| www.749855.com-重庆福利彩票十分钟| www.820733.com-彩钢瓦型号规格图册| www.907042.com-今日快三出奖号码| www.966562.com-澳洲五分彩app| www.48nh.com-三国杀张星彩去衣| www.1215.cc-彩神v下载苹果| www.553340.com-福彩体彩历史开奖| www.611564.com-彩虹六号本子资源| www.720298.com-七星彩如何选号码| www.783001.com-甘肃体彩中心电话| www.836553.com-七乐彩缩水软件| www.894597.com-彩票3d图-| www.954525.com-奔驰彩票计划网| www.999222.cc-足球竞彩手机软件|