头像

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

来源:http://www.seaslink.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.seaslink.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
彩81 www.gy04.com-广州鸣彩艺术诈骗| www.40gz.com-彩礼超两万-| www.5487.vip-彩虹六号本子无翼鸟| www.19028.com-皇帝彩票娱乐| www.70446.com-大钱庄彩票软件破译| www.071533.com-人人买彩票ios| www.152265.com-网购彩票下载| www.265189.com-网易要闻彩票预测| www.366338.com-福利彩票23期| www.482381.com-福彩抓管理-| www.570334.com-上福彩网-| www.656886.com-七彩金龙鱼-| www.790038.com-西宁体彩11选5| www.876444.com-福彩5d有没有二等| www.973041.com-红彩网快三走势图| www.hl5.com-1分快3送彩金| www.rq94.com-官方彩是正规的吗| www.21ep.com-彩裤-| www.692.in-福彩三d方法| www.5708.cc-三彩女装官网| www.16204.com-正版神马报幸运彩| www.66561.cc-1980时时彩官网| www.070440.com-彩票365苹果版| www.145214.com-699时时彩下载| www.257393.com-彩票的偏态怎么运用| www.341258.com-福彩几点停止销售| www.438669.com-五彩影院-| www.539455.com-中国彩民统计| www.665387.com-七星彩何时开奖| www.751724.com-开心彩票app下载| www.864808.com-优信彩票99160| www.941331.com-在哪里找彩票玩家| 双龙娱乐www.slyl5.com| www.ev25.com-大奖彩票app下载| www.yp79.com-奇妙pk彩票软件| www.32hz.com-随时赚彩票是真是假| www.1650.net-陕体彩11选5开奖| www.9004.loan-123福利彩票| www.52399.com-江苏快三猫腻| www.000588.com-彩名堂计划打不开了| www.079003.com-海南七星彩杀码平台| www.154808.com-足彩新手教程| www.282795.com-澳门彩8点3o| www.377391.com-体彩如何经营| www.509070.com-山东云彩宝彩票| www.585920.com-同心博彩-| www.662820.com-竞彩网彩网360| www.740207.com-百乐彩骗局-| www.821508.com-福利彩票主任是谁| www.900688.com-567彩票安卓下载| www.971556.com-彩票手机报-| www.p77.top-万达彩票平台可信吗| www.55sl.com-彩票营收-| www.0843.vip-足彩和福彩哪个真实| www.8848.blue-网易彩票网是真的吗| www.47074.com-结婚彩礼钱是给谁的| www.95371.cc-烟台福彩站招聘| www.063566.com-中国足彩竞猜网| www.175914.com-上海快三平台官网| www.267654.com-江苏快三360| www.359628.com-七彩祥云来娶我图片| www.456042.com-手机刮奖彩票| www.551113.com-彩票合买方案| www.661401.com-廉江七星彩开心论坛| www.759213.com-马来三分彩免费计划| www.855003.com-雪园网足彩比分直播| www.925101.com-福彩数字3组六玩法| www.984082.com-糖果彩票app| www.de87.com-官网快三软件下载| www.vr42.com-快三走势分析图| www.15qv.com-彩票店开业对联| www.469.vip-cl李彩琳图片| www.4603.win-机选打彩票能中奖吗| www.02311.com-问题彩民案例| www.70468.com-一品堂彩票提不了款| www.033768.com-神彩福牛在哪预测| www.126067.com-重庆福彩手机报下载| www.201277.com-七星彩秘诀-| www.275365.com-168彩票ios-| www.426444.com-手机彩票走势图| www.537628.com-多彩是表示颜色吗| www.636569.com-彩虹六号大神的键位| www.728051.com-精彩团队竞彩网网址| www.803606.com-6762彩票网下载| www.gt54.com-彩票店招人没人干| www.73371.com-彩圣网免费料大全i| www.596926.com-51彩票全天计划群| www.q96.me-体彩怎样选号| www.48tk.com-在线时时彩2期计划| www.917.me-福彩全国积分| www.5288.live-分分彩大小算法| www.07076.com-2628彩-| www.52872.cc-七彩捞腌菜游戏下载| www.98915.cc-用生日买彩票怎么买| www.066456.com-好一点的彩票平台| www.134258.com-日税红好彩价格| www.212072.com-彩神争霸是不是黑彩| www.288860.cc-彩票趋势分析理论| www.527381.com-时时彩五星出对子| www.612152.com-新万彩吧彩票3d| www.682623.com-网上哪里能买足彩| www.762098.com-竞彩比分软件| www.894952.com-36o购彩网-| www.961102.com-快三大小单双计划稳| 大赢家彩票平台www.186791.com| www.gw32.com-体彩6+1-| www.xp17.com-彩票机选能中大奖吗| www.17fi.com-竞彩操盘手招聘骗局| www.757.cm-345彩票下载安装| www.4567.cm-数字挑选选法买彩票| www.9741.cc-彩八仙官网登录| www.61568.com-快三计划数据| www.020439.com-彩31网站-| www.088233.com-足球彩票14场| www.151169.com-国民彩票手机官网| www.313588.com-安徽快三辅助| www.380260.com-七乐彩中奖的歌九号| www.510415.com-实体彩店app| www.578787.com-凤凰分分彩官方版| www.648556.com-七乐彩137期| www.752179.com-中国福彩彩票走势图| www.822347.com-七星彩18147| www.886999.com-福利彩票3d往期| www.978936.com-人工计划彩票| www.wr2.com-甘肃快三号码图| www.qb28.com-顶级彩票app| www.07.org-中华彩票9149| www.63vz.com-乐吧彩网-| www.0195.cn-99福彩怎么样| www.7647.me-体彩标志含义| www.46109.com-时时彩单期计划网页| www.88277.com-复式彩票机选一组| www.038898.com-中国福利彩票公开奖| www.151415.com-王彩票-| www.234334.com-四川福彩快乐12| www.305265.com-中奖彩票-| www.369393.com-118彩票下载中心| www.458133.com-海南私彩技巧| www.540750.com-助赢彩票软件手机| www.663211.com-马来西亚分分彩官网| www.730778.com-和彩国际官方网站| www.797175.com-98彩票合法吗| www.868728.com-七星彩幸运走势图| www.965421.com-网易福利彩票预测| 500万彩票www.96386n.com| www.fa67.com-瑞彩网下载-| www.uo10.com-17500乐彩首页| www.07ll.com-彩票高返奖平台| www.69hp.com-星际彩球游戏| www.0409.cn-酷彩网是骗人的嘛| www.9395.xyz-郑州彩铃制作| www.42542.com-搜狗彩票官网| www.83052.com-快三对子中多少钱| www.028150.com-高频彩彩票投资技巧| www.096297.com-贵阳福彩中奖未领取| www.153599.com-时时彩百位如何定胆| www.274669.com-时时彩赚钱秘籍| www.353925.com-西班牙彩票有哪些| www.422400.cc-新浪爱彩网下载| www.511298.com-各种各样的彩虹网名| www.572365.com-足彩投注app| www.632779.com-豫彩通怎么买彩票| www.692230.com-瑞诚彩票合买平台| www.761305.com-t里彩走势图|