头像

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

来源:http://www.njrbxs.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.njrbxs.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.5574.biz-彩788安全吗| www.ag.com-安福彩快三走势图| www.616201.com-体彩怎么分成| 福彩网www.603614.com| www.155501.com-大通彩票app导航| www.943198.com-彩票中奖名单| www.sw47.com-福彩几位数-| www.487198.com-利用彩票平台赚钱吗| www.592908.com-在彩虹能干什么| www.954892.com-4593彩票-| www.q27.cc-找一下江苏快三走势| www.071738.com-彩票开业活动| www.19ce.com-七星彩历史列表| www.400.gg-手机发彩网网址| www.228967.com-新加坡好彩双爆珠| www.355172.com-河内彩-| www.481636.com-幸运彩票会黑钱| www.238026.com-安徽快三技-| www.088460.com-中千万彩票的八字| 彩多多www.78949f.com| www.117783.com-怎样才懂看彩票数字| www.903254.com-pk彩吧用户登录| www.644422.com-九号彩票骗局| www.61cg.com-华彩赢家真的假的| www.32114.com-万优彩票登录| www.270057.com-安徽快三害死多少人| www.02567.com-彩票上的字体| www.059860.com-怎么看彩票规律| www.412350.com-彩钢扣板多少钱一米| www.458060.com-彩票中奖新闻真假| www.642345.com-彩票站名片-| www.920933.com-743彩票-| www.xx1.com-七乐彩大发快三网址| www.8464.pw-大发彩票下载官网| www.028174.com-奔驰彩票官平台| www.871544.com-足彩加下载-| www.969290.com-505彩票计划网址| www.bn09.com-一分快三走势图群| www.f13.org-新加坡彩票官网| www.182555.com-网络快三可以玩吗| www.289308.com-乐彩网首页福彩| www.359361.com-七星彩私彩打法| www.998492.com-福彩公司-| www.422634.com-今天送彩金游戏| www.535961.com-福彩刮40万几率| www.604402.com-中国福利彩票成立于| www.690030.com-唯彩荐球-| www.765463.com-彩票反水啥意| www.832276.com-彩票胆拖奖金计算器| www.899049.com-高频彩直播源| www.155431.com-体彩蓝球有几种玩法| www.254638.com-好彩网江苏快三| www.250906.com-豪彩平台官方网站| www.780534.com-彩铅画人物简单| www.bb01.cc-上饶体彩中心官网| 彩票坊www.022f.cc| www.779333.com-正规的彩票软件下载| www.869963.com-我看湖北快三全天| www.947904.com-网上购彩正规网站| 金冠彩票www.49956j.com| www.360343.com-体彩即开彩票有什么| www.4yn.com-马来西亚彩虹球马陆| www.660.xyz-博彩足球平台出租| www.656991.com-七彩金龙-| www.786725.com-福彩跟单-| www.897651.com-搞笑彩票广告宣传语| www.968921.com-酷彩是个坑-| www.cs2.com-3d网上福彩投注站| www.pf71.com-彩票网骗局揭秘| www.2fs.cc-卖体育彩票挣钱吗| www.52km.com-丰彩釉面漆-| www.299163.com-长春快三52期开奖| www.443776.com-掌游彩哪个机构出的| www.567927.com-乐彩vip有人玩吗| www.664892.com-生肖彩开奖必中六| www.774477.cc-花生彩票真的假的| www.20399.cc-彩票历史开奖软件| www.84255.cc-天津体育彩票app| www.208800.com-彩票术语砍龙| www.019050.com-青蛙过河游戏彩票| www.82904.com-福彩体彩开桨| www.614342.com-彩组词有哪些| www.19917.cc-香港亚视彩票网址| www.34141.com-建行彩票-| www.39lw.com-七星彩中奖500万| www.513718.com-凤凰彩票漏洞赚钱| www.584585.com-捕鱼真钱游戏送彩金| www.833691.com-yi亿彩网-| www.999823.com-彩票外围帮投团| www.ui62.com-香港彩库宝典| www.387749.com-人民网彩票-| www.zt38.com-体育彩票奖金规则| www.45vc.com-体育彩票申请资格| www.56655.com-南昌彩票店转让| www.953401.com-彩神vll合法吗| www.cai37.cc-快三平台-| www.08fo.com-87.cn彩票-| www.138837.com-新加坡天天彩资讯纲| www.352808.com-彩三彩票-| www.673160.com-古建彩绘图案矢量图| www.hv59.com-吉林快三开奖号今天| www.e10.org-海南七星彩直播网站| www.65ay.com-乐八彩票安卓版| www.98277.com-騰訊分分彩網站| www.061040.com-彩票赚钱模式| www.dy51.com-快三规律技巧| www.sd94.com-甘肃快三打豹子技巧| www.150321.com-v9彩票合法吗| www.227188.com-河南福利彩票网| www.314514.com-福利彩票怎么看的| www.43420.cc-彩要开奖查询| www.206064.com-体彩大乐透下期分析| www.474398.com-足彩任九中奖结果| www.997472.com-快三群邀请码| www.812828.com-手机彩铃怎么换| www.971529.com-附近彩票站-| www.19tz.com-彩仙阁说明-| www.068314.com-江疏快三下载| www.241755.com-彩票倍投公式| www.863160.com-智慧彩快三-| www.162303.com-下彩网骗人-| www.305112.com-福彩七乐彩35期| www.od03.com-彩神密聊群-| www.033758.com-以前的如意彩票网| www.244910.com-全国开奖新浪彩票| www.713912.com-吉林快三3期计划| www.833065.com-彩83登录-| www.805326.com-七乐彩4十1中多钱| www.878162.com-500彩票网网页| www.197477.com-海南四码彩票| www.033828.com-凤凰彩世界官网| www.127019.com-中彩那天-| www.x19.com-买彩票中奖词语| www.37.cn-快三半顺号技巧| www.6945.shop-七彩虹网驰2060| www.6896.pw-泗阳好彩头食品招聘| www.874.cn-彩铅画彼岸花简单| www.94sc.com-足彩十四场开奖奖金| www.698739.com-河北快三规则及奖金| www.902020.com-黑彩3d中奖规则| www.cai721.com-快三免费计划软件| www.110896.com-生日彩票计算器| www.185256.com-分分快三是官方的吗| www.590821.com-徐州彩民中奖| www.08381.com-附近的彩票站点| www.63816.cc-浙江省爱乐彩| www.049887.com-福彩旗下快开型彩票| www.133134.com-中国体育竞技彩票| www.237678.com-竞彩足球跟单骗局| www.336280.com-北京福彩三地走势图| www.240976.com-彩铅风景画简单落日| www.5855.in-澳门快三怎么买大小| www.63583.com-竞彩官网首页计算| www.184351.com-体彩排列3走势图| www.278713.com-戒彩吧-| www.382028.com-点击看更多精彩视| www.11br.com-彩钢瓦漏水怎么办| www.79474.com-彩6采票时时彩| www.5859.win-彩票中了丢了怎么办| www.033030.com-c78彩票-| www.87jm.com-鸿运彩票网官网| www.092068.com-开假的彩票站| www.112348.com-福彩3d推荐图| www.974710.com-七乐彩走势中彩网|