头像

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

来源:http://www.hklipin.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.hklipin.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.339777.com-燕郊体育彩票转让| www.190670.com-人人彩票网站| www.026554.com-博彩类app开发| www.126684.com-彩票开奖查查询| www.251411.com-好彩票网站提现快吗| www.of68.com-大发快三输了十几万| www.192721.com-体彩19035开奖| www.304154.com-01福彩-| www.676.cm-精准时时彩计划带人| www.42ix.com-苹果手机原彩是什么| www.0333.com-11选五5爱彩乐| www.81tn.com-彩票双色球29期| www.674669.com-民政部叫停高频彩票| www.858506.com-查体彩排列五中奖号| www.932229.com-上和彩票靠谱么| www.999648.com-分分彩号码怎么算| www.ef33.com-易盈彩票-| www.k18.vip-南洋福利彩开奖结果| www.853877.com-万彩动画大师破解| www.0044.org-彩票数字有34嘛| www.2887.com-柒鑫彩票靠谱吗| www.459554.com-彩票917app-| www.619539.com-3d彩票包选技巧| www.775397.com-时时彩一年回血经历| www.161632.com-平顶山市彩票点| www.280299.com-快三怎么算中奖号码| www.426992.com-足彩盘口分析口诀| www.569149.com-360老时时采彩| www.674118.com-古建彩绘视频| www.822873.com-百度体育彩票开奖| 大赢家彩票平台www.909361.com| www.wc03.com-关于群里的赌博快三| www.89ml.com-抚顺福彩出兑| www.46602.com-彩票发财口号| www.5804.vip-体彩竞彩怎么买| www.ae92.com-6491彩票资料| www.j44.cn-玩彩票快乐十分心德| www.139.ren-刘畊宏彩虹天堂下载| www.9358.org-福利彩票app| www.zr69.com-时时彩怎样玩稳定| www.070717.com-玩高频彩的职业彩民| www.191.cn-秋天田野的彩铅画| www.33148.cc-快三的套路-| www.78679.cc-新加波天天彩资讯纲| www.055401.com-极速快三综合走势图| www.520675.com-欢腾彩票是真的吗| www.633107.com-3d彩票咋玩法| www.739241.com-凤彩网彩票杀号| www.837317.com-时时彩计划员骗局| www.948757.com-给我下万彩吧| www.tn69.com-淘彩票888-| www.823096.com-铝板彩涂-| www.939129.cc-金利彩票官方| www.ec2.cc-江苏快3彩票平台| www.3083.com-澳葡风彩开奖| www.923221.com-体彩黑彩记账| www.717203.com-彩铅画对孩子的好处| www.721585.com-高频彩票机器编程| www.835533.com-福利彩票26期| www.e65.shop-nba彩票怎么买| www.693103.com-跟87彩票店类似的| www.317797.com-吉林省快三推荐| www.383137.com-茶陵彩票-| www.838481.com-海南七星彩今日开奖| www.918869.com-体育彩票模拟机选| www.990225.com-709彩票靠谱吗| www.da73.com-彩票跨度教程| www.xu09.com-彩票只买一注| www.948548.cc-谁有北京快三群吧| www.vx45.com-快三真的能赢钱吗| www.963307.com-彩宝彩票网合买| www.208251.com-福彩快三计划是什么| www.662172.com-彩票hao○123| www.607037.com-七星彩18138期| www.768747.com-好彩网信誉怎么样| www.859601.com-福利彩8app-| www.947718.com-广西快三一定| www.994232.com-彩票30期号码| www.sr39.com-168彩票网香港彩| www.520008.com-彩票中奖后怎么理财| www.600056.cc-彩票中奖者的运气| www.675935.com-彩票头奖-| www.699180.com-竞彩投注计算器| www.872855.com-分分彩计划稳赢版| www.982613.com-盈彩的意思-| www.el26.com-一分快3彩票下载| www.i43.net-体彩三码遗漏| www.241988.com-七星彩单式-| www.327768.com-万彩国际app| www.409808.com-北京彩色透水地坪| www.8585.bid-体彩中了四个号码| www.436599.com-竞彩5800万-| www.177481.com-彩票快三规律破解| www.294157.com-国乐彩江苏快三计划| www.76ot.com-彩票预测电话号码| www.167004.com-快三复式玩法说明| www.254181.com-福彩自助下载安装| www.319647.com-昨晚体彩开奖结果| www.074666.com-彩乐园应用-| www.132187.com-分分中彩票软件下载| www.864658.com-凤彩网彩票官网网站| www.953042.com-鸿运彩票官方| 幸运彩票www.551030.com| www.815844.com-5268彩票-| www.580288.com-江苏快三全能版计划| www.670501.com-重庆十分彩开奖时间| www.751875.com-澳门快5彩骗局| www.815672.com-香港今日彩报| www.879485.com-彩票亭里是干嘛的| www.963495.com-买足球彩票的软件| 瑞彩网www.901758.com| www.444965.com-晋城近期中彩票的| www.013778.com-七星彩第6位振幅| www.276344.com-甘肃快三和值一定牛| www.369126.com-体彩组3开奖结果| www.477435.com-彩神通四码会员资料| www.10em.com-酷彩碗为什么那么贵| www.5791.com-竞彩5场3关组合| www.86236.com-福彩3d模拟摇奖噐| www.fv60.com-福彩贪污案-| www.993528.com-足彩保本玩法| www.ho78.com-姜山足彩-| www.47or.com-彩力刚芽-| www.dh36.com-天天彩票彩种| www.92fv.com-莆田枫亭时时彩| www.986983.com-极速时时彩历史开奖| www.iq82.com-辽宁福彩短信代码| www.11un.com-500轻聊彩票| www.ck56.com-彩神双胆计划| www.931558.com-福建31彩票走势图| www.733259.com-彩票被洗衣机洗烂了| www.882818.com-正规彩票平台排名| www.952416.com-南粤好彩1预测| www.298271.com-安徽体彩网11选5| www.525550.com-重庆福彩电话号码| www.731942.com-爱彩人-| www.987819.com-河北快三是真的吗| www.63nv.com-彩票研究院-| www.108965.com-错打彩票赔钱| www.ad94.com-昨福利彩票开奖号码| www.qw96.com-老时时彩宝典| www.w69.net-掌上购彩注册邀请码| www.821933.com-如何买彩票中五百万| www.940358.com-快三准确的杀号方法| www.12gp.com-彩38网址提不了现| www.790372.com-体育彩票模拟选号| www.mq30.com-六星彩开奖公告查询| www.0407.tv-足彩吧贴吧-| www.22925.cc-中彩票大奖-| www.168886.com-快三中两个号有钱吗| www.397031.com-2000年彩票-| www.723099.com-体彩顶呱刮宣传语| www.588696.com-七星彩开奖资料大全| www.660769.com-彩神好喷绘机速度快| www.4961.biz-福彩3d停售时间| www.l15.org-福彩排列七开奘结果| www.408136.com-中彩票一等奖知乎| www.632579.com-一定牛体彩app| www.98222.cc-竟彩比分值播| www.165833.com-彩票中心收入| www.755058.com-深圳南油福利彩票| www.586916.com-青海快三的彩票台子| www.433037.com-玩彩双色球预测文章| www.94ai.com-重庆三分彩犯法吗|