头像

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

来源:http://www.hilndr.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.hilndr.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.789470.com-姜姜竞彩app| www.898717.com-致富彩哪里可以下载| www.965439.com-兼职江苏快三| 大赢家彩票www.372411.com| www.pz05.com-218彩票-| www.48677.com-极速时时彩官方下载| www.051822.com-彩八彩票手机版| www.155448.com-最新白菜网彩金| www.267258.com-神彩争霸app下载| www.365833.cc-彩铅需要勾线吗| www.471181.com-招财猫彩票计划| www.578371.com-甘肃省11选5体彩| www.654621.com-江西彩票品种| www.727034.com-乐彩网是骗人的| www.882233.cc-体彩直选3开奖结果| 彩之家www.22czj.com| www.0405.net-彩票大赢家下载| www.8705.vip-快频彩票官网通告| www.032756.com-智彩网-| www.vz69.com-福彩快三领奖时间| www.79sg.com-精英网彩票与你同行| www.9573.com-福彩东方6加1| www.83598.cc-彩票计划师招聘| www.072166.com-彩票双色期球| www.214333.com-官方人人彩票| www.89483.com-元角分的彩票平台| www.113241.com-大奖彩票平台能玩吗| www.220019.com-民彩网-| www.255500.cc-8k彩票如何稳赚| www.369809.com-体彩封机时间| www.499628.com-彩票系统之家| www.93597.com-微彩娱乐登录网址| www.5588.biz-通过网络彩票骗女人| www.865779.com-大发快三玩的人多吗| www.946007.com-腾讯10分彩开奖| 幸运彩票www.luck886.com| www.43ny.com-表现出彩是什么意思| www.s76.com-今晚七星彩的试机号| www.297996.com-香港福彩资料大全| www.365795.cc-人人彩票网怎么玩的| www.449192.com-沈阳北到省福彩中心| www.539957.com-大地彩票安卓下载| www.17112.cc-竞彩兑奖期限| www.82332.cc-七星彩交流论坛| www.066386.com-955娱乐彩票| www.191443.com-安徽快三输钱| www.272132.com-广西快三输了怎么办| www.367551.com-唯美古风彩铅画图片| www.491163.com-河北体彩中心招聘| www.559263.com-天天中彩票官网登录| www.045795.com-c81彩票网-| www.138503.com-互娱彩票靠谱吗| www.0163.cm-国彩信息-| www.8708.cn-利彩集团-| www.39456.cc-福彩宝下载-| www.91923.com-福利彩票代销证办理| www.204886.com-网彩平台哪个最靠谱| www.560899.com-双色球论坛乐彩网| www.721376.com-足彩一般在哪买| www.806472.com-幸运彩票的软件图片| www.876117.com-福彩天下无敌30| www.35pj.cc-快三助理-| www.950.bid-彩票的几种玩法| www.220392.com-快三技巧论坛| www.61237.com-粤彩11选5小助手| www.022154.com-一张彩票的故事| www.100769.com-乐彩客官方网站| www.163634.com-中华彩票快三| www.233485.com-北京福彩管理中心| www.19ht.com-山东彩票大奖排行| www.89pw.com-胜负彩推荐310| www.380005.com-腾讯分分彩在哪买| www.505455.com-微信群黑彩-| www.576260.com-体彩湖北十一选五| www.644060.com-幸运十分彩开奖链接| www.771106.com-乐彩彩票下载app| www.885831.com-567彩票手机乐园| www.956276.com-买彩票上瘾| 99彩票www.655101.com| www.33202.cc-彩票天下网站| www.81304.com-网络博彩报警有用吗| www.809002.com-买彩票好难中吗| www.886972.com-男网友叫我买彩票| www.45bf.com-什么购彩平台好不好| www.767.cc-体彩一年销售额多少| www.ef98.com-福建省福彩管理中心| www.f55.pw-福彩3d谜语天| www.820124.com-河南天价彩礼惨案| www.14zt.com-幸运彩平台出不了款| www.83971.com-七乐彩杀号技巧视频| www.106028.com-牛蛙彩票app| www.209455.com-燕赵风彩排列5| www.1og.com-分分钟时时彩计划| www.78xn.com-竞彩管方欧赔| www.974606.com-下载中奖彩票被调| www.bc99.com-内蒙古福利彩票手机| www.vi51.com-查江苏快三遗漏号码| www.04kt.com-人物彩色铅笔画图片| www.68ka.com-网易购彩票-| www.0292.xyz-曲靖彩票店转让| www.21715.cc-加微信玩彩票| www.69858.com-大发彩票群聊| www.024562.com-南昌市体育彩票网| www.104105.com-彩票030期-| www.181705.com-安徽快三基本走势| www.245336.com-足球竞彩app| www.308508.com-万彩吧万彩吧| www.816339.com-河北快三分析大师| www.887963.com-推彩票的渠道| 39彩票www.3933z.cc| www.805339.com-中超竞彩足球| www.880963.com-3d黑彩奖金-| www.975951.com-微信买七星彩| 大赢家彩票平台www.726703.com| www.001590.com-彩种可以挂机的平台| www.0286.cm-彩票出售-| www.7335.com-大赢家时时彩合法么| www.20260.com-被大发彩票骗| www.80585.cc-彩票机投放-| www.038202.com-779彩票ios-| www.0368.net-手机彩票用什么软件| www.7255.club-彩虹棋牌官方下载| www.4537.live-七星彩号码开奖结果| www.cai8300.com六开彩开奖结果r| www.848806.com-返奖率高的彩票网站| www.012140.com-十大黑彩平台排行榜| www.108436.com-彩票致富-| www.189875.com-贵州福彩下载| www.276532.com-e球彩具体玩法| www.413056.com-彩色艺术地坪| www.505085.com-竞彩怎样打票| www.569737.com-山东济南快三查询| www.959754.com-301彩票-| www.xk54.com-亿网彩票app下载| www.774548.com-彩78app可靠吗| www.853201.com-六彩彩现场开奖结果| www.659483.com-快三猜测-| www.ao78.com-贵阳市福彩中心| www.744447.cc-7星彩软件-| www.817932.com-足彩19031对战| www.882626.com-网上的易彩堂可信吗| www.942838.com-众彩易购app| www.982110.com-重重时时彩开奖号码| www.3540.cc-彩聊下载安装到手机| www.591100.com-449cc天下彩| www.652822.com-连续发梦中彩票| www.923659.com-七星彩精准专家预则| www.972101.com-鸿运5分彩开奖| 爱购彩票www.335240.com| www.655110.com-新版福星七星彩| www.072731.com-怎么退出四亿彩票| www.188179.com-福彩3d预测金码| www.5179.biz-云南19年彩票大奖| www.028510.com-c555彩票-| www.053687.com-开体彩店怎么赚钱| www.617525.cc-万州体彩中心| www.682822.com-自动彩票机-| www.752639.com-福彩3d专业玩彩| www.967131.com-即时开彩手机软件| 500彩票网www.61655o.com| www.3025.biz-新体彩号码-| www.905282.com-伯爵博彩-| www.ag23.cc-qq7彩票app-| www.h33.xyz-七星彩怎么领奖|