头像

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

来源:http://www.jct-monitor.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.jct-monitor.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.717579.com-水彩入门-| www.58hk.cc-怎样看时彩由冷变热| www.53529.cc-互娱彩票app下载| www.057877.com-体彩19054开奖| www.234934.com-福利彩票软件哪个好| www.395131.com-彩虹岛梦境攻略| www.8514.vip-云彩厅1-| www.95273.com-足球彩票推荐预测| www.462733.com-买彩票漏洞是怎么玩| www.731554.com-众彩易购下载| www.860663.cc-山东彩票下载| www.940040.com-彩票开奖4加1| www.cai3337.com河北快三开奖| www.b91.top-福彩幸运二跑马| www.93af.com-五分彩个位定胆心得| www.8067.vip-水彩花卉线稿| www.66019.com-老彩民高手坛| www.123872.com-中国彩票最新法规| www.370636.com-大彩网3d常规走势| www.697326.com-七星彩一等奖概率| www.890456.com-彩44平台-| www.972015.com-福彩字谜太湖钓叟| www.925800.com-七乐彩除6走势图| 爱彩www.00ac.com| www.43im.com-竞彩分析招聘| www.55328.com-怎样做盘搞时时彩| www.133910.com-体彩大乐透网上兑奖| www.260178.com-大连福彩中心| www.445877.com-福彩销售管理办法| www.12mh.com-彩票平台跑路公布| www.581.website彩票首冲50送38| www.05350.com-分分彩玩法技巧大全| www.04gm.com-薯片彩铅简笔画| www.96gf.com-创远娱乐彩票| www.5514.top-真实的彩票程序开发| www.21465.com-用彩票套现-| www.286760.com-彩票平台怎么开挂| www.492553.com-安徽省福彩中心位置| www.595682.com-鑫亿彩彩票合法吗| www.xw54.com-335彩票官网| www.743388.com-什么叫做购彩计划| www.862753.com-福彩选4开奖结果| www.qw1.cc-河图洛书口诀彩票| www.ww87.com-七星彩开奖日期时间| www.51ko.com-体育体彩中奖排行榜| www.126995.com-彩铅入门人物画| www.229359.com-一定牛彩票网骗子| www.318074.com-萄京彩票怎么注册| www.246810.cc-新浪足球彩票胜负彩| www.697422.com-乐彩app官网下载| www.806028.com-酷8彩票登陆| www.885774.com-彩霸王论坛三肖六码| www.957885.com-66彩票网登录网址| 福利彩票www.99677r.com| www.qw71.com-重庆时时彩个位大小| www.83ay.com-和彩云官方网站| www.4630.cn-5a彩票网下载| www.13715.com-8k彩票官方网址| www.93119.cc-蓝星竞彩打水软件| www.543522.com-福彩3d图库预测| www.069518.com-天才彩女专家专栏| www.276312.com-七乐彩怎么中奖| www.165.win-神州官方彩票网| www.36572.cc-荣彩彩票-| www.498.live-彩票运气占卜| www.315477.com-北京七彩音符创始人| 500彩票网www.97655m.com| www.910418.com-乐彩网电脑下载| 500彩票www.50026w.com| www.50ik.com-教你玩重庆时时彩| www.3783.top-808福彩可信吗| www.114990.com-彩神8邀请码| www.234770.com-彩神app官方网站| www.318053.com-福利彩票开奖星期几| www.84173.com-彩钢瓦生产制造厂家| www.18711.cc-国富彩票是什么| www.295235.com-快3湖北福彩快三| www.533963.com-杏彩平台手机客户端| www.0242.cc-彩票第一开奖直播网| www.9647.net-查全国彩票开奖公告| www.549181.com-刷彩员-| www.669768.com-彩色通道下载| www.856176.com-注册送彩金38| www.997041.com-海南快三官方网站| www.ss90.com-彩票等级奖奖项表| www.809.live-买什么彩票中奖率高| www.00681.com-申请一个体育彩票| www.977479.com-彩妆店加盟连锁| www.ll26.com-彩票巴士靠谱吗| www.98yj.com-彩票买合平台| www.177521.com-福彩快3玩法介绍| www.459413.com-彩客宝软件-| www.554377.com-微彩娱乐安全吗| www.652299.com-中彩网中奖大全| www.713073.com-长春快三赌博| www.246088.com-足球竞彩直播新浪| www.407338.com-彩慧堂美白片| www.554632.com-大富彩票网靠谱吗| www.tb14.com-时时彩组选计划软件| www.91cv.com-千禧5分快三技巧| www.185208.com-c彩73app-| www.279109.com-福彩三的170彩票| www.362510.com-一年级彩虹教案| www.579400.com-酷彩锅收集-| www.652952.com-博彩概念股票有哪些| www.739352.com-258竞彩足球| www.819496.com-中国体育彩票奖励| www.900591.com-彩吧图库第一版应用| www.38gu.com-七星彩是不是有托| www.8620.in-百宝彩电子网| www.462.mobi-穷人买彩票有希望吗| www.286184.com-体彩试机号对应码| www.04nd.com-水溶彩铅图片| www.80xx.com-夲期体育彩票中奖号| www.1475.xyz-优秀花卉彩铅画图片| www.8725.wang-彩票双色球推荐号码| www.341844.com-快三什么情况下出龙| www.459928.com-梦见买很多倍的彩票| www.556330.com-500彩票黑平台| www.611518.com-3地报纸丹东彩报| www.684900.com-牛彩网字谜汇总大全| www.761483.com-下载山东竞技快三| www.5820.biz-体彩排列三的玩法| www.20605.com-湖北快三预测彩乐乐| www.95ny.com-多彩投贴吧-| www.178103.com-3分快三开奖结果| www.660720.com-广东省体育彩票网站| www.60tv.com-直播开奖竞彩网| www.33817.com-百分之百中的彩票| www.013403.com-特区体彩论坛首页| www.092137.com-乐发彩票-| www.958140.com-福彩3d有几种买法| www.653647.com-莱利彩票有那种网站| www.778570.com-彩61官方下载| www.898232.com-在哪买足球彩票| www.990844.com-腾讯彩票挂机软件| www.ks20.com-福彩三大d开奖| www.4645.top-彩票是运气还是技术| www.042022.com-竞彩比分的判断| www.665726.com-万家彩app-| www.04801.com-足彩推荐公众号| www.670715.com-福彩幸运农场追号| www.761684.com-足彩中奖助手下载| www.20nd.com-彩客网在哪下载| www.119078.com-快三每天多少期| www.912842.com-新浪彩票双色球预则| www.671059.com-家彩网排列三走势图| www.509139.com-3d走势图彩宝贝| www.745927.com-福彩中心站怎么样| www.863809.com-手机万彩吧彩票| www.648033.com-中国福彩闯关| www.762165.com-足彩滚球正规app| www.326187.com-cb8彩宝app-| www.un80.com-彩票大发快三| www.138034.com-那个可以网上买彩票| www.242623.com-福利彩票中奖金额| www.371751.com-体育彩票多久能注销| www.567308.com-江苏体彩3d表| www.659513.com-够力七星彩梦册查码| www.749688.com-王牌彩票网注册| www.817629.com-竟彩足球彩票胜平负| www.909665.com-彩界过客3d胆组| www.974489.com-福彩开奖号码今天的| www.ce79.com-彩票代理怎么拉人|