头像

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

来源:http://www.whxx168.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.whxx168.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
pk10 www.wl10.cc-01彩票下载-| www.0736.cn-盛兴彩票违法吗| www.4231.net-竞彩既时比分| www.255061.com-重庆事实彩开奖结果| www.393576.com-3d彩牛一句定三码| www.507123.com-通宝博彩地址| www.vk94.com-福彩快三规则调整| www.ib26.com-福彩中心上班好不好| www.458511.com-体彩竞彩网今日单关| www.586624.com-棋牌游戏送38彩金| www.690526.com-辉煌彩票大赢家| www.778251.com-今日福彩3d开奖号| www.870749.com-体彩双色球下载软件| www.965255.com-中宏彩票邀请码| www.cp520.com-十大博彩信誉| www.687557.com-加微信、拉人玩彩票| www.802012.com-吉林省地方彩票| www.911257.com-k彩娱-| www.981441.com-彩票1960模式| www.dm5.com-快3彩票是不是骗局| www.oy12.com-宁夏快三和值走势图| www.em00.com-牛彩论坛-| www.686819.com-中彩那天的生字| www.959467.com-彩吧图库第一版天宇| www.bj19.com-nba体彩-| www.348681.com-乐彩网是什么| www.800601.com-福彩三d天天彩图| www.533649.com-千禧网_家彩开奖| www.669419.com-彩票选号器软件| www.764708.com-悟空彩票app| www.869323.com-十分钟开奖的彩票| www.937281.com-神彩福牛双色球专栏| 好乐多www.hld33.com| www.9955.biz-百度福利彩票七乐彩| www.518708.com-双色中彩网彩网| www.623309.com-红牛时时彩平台| www.01085.com-yy彩票官方网站| www.645911.com-家彩网三d开机号| www.695972.com-大型彩票平台| www.820667.com-体育彩票多久领奖| www.cd53.com-高频彩平台出租| 乐彩赢www.0014o.com| www.559640.com-陇彩宝下载-| www.668716.com-华人官彩-| www.758546.com-彩票对刷套利技术| www.878384.com-体彩快3规则| www.yq08.com-信彩票官网-| www.7746.xyz-比特币一分彩计划| www.552191.com-11选五爱彩乐| www.621017.com-荣华彩票-| www.679752.com-体彩天下客服| www.755161.com-福彩个位跨度怎么算| www.820665.com-七星彩走图势| www.890358.com-彩票816怎么稳蠃| www.957240.com-福彩3d预算-| 彩民网www.caim2.com| www.661791.com-竞彩3串1神单| www.722470.com-足彩那种玩法容易中| www.786658.com-快三的技巧-| www.846496.com-彩票如果中大奖| www.909042.com-澳门六会彩开奖时间| www.963937.com-彩库宝典最快报码室| 500万彩票www.39500d.com| www.71pm.com-关于买彩票的诗句| www.244552.com-竞彩足球比分新浪| www.326352.com-网易彩票红球杀号| www.109212.com-k百彩网-| www.252928.com-湖北今日快三推荐号| www.0920.com-彩票合买的好处| www.710.vip-日本彩票怎么玩法| www.085375.com-大发彩票官方版| www.162999.com-彩猫彩票下载| www.230040.com-快三模板-| www.300000.com-专业的彩票预测分析| www.374666.com-中国体彩湖南赛车| www.460163.com-彩经网三d走势图| www.577590.com-彩虹糖有什么寓意| www.99qk.com-如何研究彩票规律| www.549.bid-5彩票5-| www.22237.cc-58彩下载安装| www.234333.com-七星彩的骗局| www.314399.com-体彩足球彩票怎么看| www.7740.xyz-彩9网站靠谱吗| www.79yq.com-福彩3d一点通图| www.495618.com-抠门博彩-| www.947226.com-辽宁省福彩中心地址| www.142755.com-爱彩站-| www.276512.com-百盈彩票是什么| www.19oo.com-彩仙阁挂机软件怎么| www.8648.cn-福彩群英会在线开奖| www.975046.com-彩票图表频道| www.dm36.com-快三哪个平台最大| www.66715.cc-福彩微信兑奖| www.5078.biz-中国体彩最大中奖| www.280037.com-时时彩总是输却上瘾| www.052175.com-彩票合买图片| www.768202.com-网络推广彩票犯法吗| www.858819.com-彩29官方网-| www.654562.com-福彩3d和值尾杀号| www.65ar.com-时彩个位准的计划| www.1185.com-大富彩票网骗局| www.6691.shop-买六开彩开奖结果| www.967581.com-体彩大乐透咋选号| www.42mh.com-唯彩会3d专家预测| www.51nf.com-苏州体彩巨奖| www.24vt.com-华彩益彰什么意思| www.994953.com-体育竞彩足球让分| www.yf08.com-派彩每日推荐号码| www.011860.com-博友彩官网-| www.024783.com-体彩大乐透的玩法| www.01283.com-足球500竞彩| www.9182.org-彩票四字型万字表| www.774947.com-彩世界平台-| www.888681.com-大发快三有规律吗| www.ak6.com-老快三中奖号| www.810506.com-今天青海快三查询| www.0090.win-彩字打一生肖| www.274631.com-快三二不同号技巧| www.943439.com-从网上如何买彩票| www.af.com-快三在哪里买| www.320398.com-排3跨度走势彩乐乐| www.447701.com-爱趣彩彩票网| www.575379.com-糖果彩快3平台| www.200629.com-南國彩票-| www.355526.com-彩票中福快3| www.446409.com-今天体彩开奖直播| www.965194.com-体彩介绍-| www.04zn.com-7是彩开奖公告| www.588993.com-彩先知首页-| www.357801.com-爱乐透彩票正规的吗| 中国福利彩票www.3478v.cc| www.vr38.com-福彩双彩论坛字谜| www.233.xyz-玩彩票3分钟| www.724843.com-买彩票就是赌博| www.842390.com-彩票公益金的用途| www.931249.com-快三真有人控制吗| 博友彩www.267by.com| www.kt87.com-快三甘肃开奖今天| www.dc93.com-人人竞彩-| www.052996.com-彩票网哪个靠谱| www.459354.com-竞彩单关历史赛果| www.589964.com-福彩三地和值表儿| www.035453.com-至尊天下彩票| www.743.cm-时时彩和值投注经验| www.8388.vip-福彩和直-| www.478328.com-建德体彩网点申请| www.714883.com-重庆分分彩个位计划| www.04of.com-彩铅画人物简单教程| www.8567.pw-福彩3d大底软件| www.007369.com-k彩彩民福地测速| www.534003.com-够力辣椒七星彩奖表| www.341900.cc-四季彩票下载| www.458882.com-广东11选五大彩鲸| www.959468.com-易彩快三作弊器| www.cl15.com-六安福彩快3| www.040324.com-下载十分彩-| www.211201.com-双色球快三玩法| www.83ru.com-有没有两位数的彩票| www.672991.com-江苏快三全天计划网| www.549018.com-彩票都那几天开奖| www.78112.com-福利彩票现场直播| www.178302.com-内蒙快三中奖规则| www.964319.com-浙江体彩手机网| www.90rr.com-福彩三d真实的谎言|