头像

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

来源:http://www.shentongtex.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.shentongtex.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.an56.cc-分分快三在线预测| www.13oy.com-十一运夺金快彩乐| 网易彩票www.062wy.com| www.mk21.com-新浪爱彩时时比分| www.7103.vip-开封七彩集团幼儿园| www.236852.com-头奖彩票吧-| www.469820.com-中国怎么买美国彩票| www.680807.com-赌博彩票必输| www.860397.com-昨晚大乐透彩票号| www.lj.cc-快三赚钱吗-| www.s53.org-玩彩票跟计划的心得| www.740.net-体彩电脑版-| www.9996.gg-彩票老是中一两个球| www.131466.com-彩礼风俗-| www.276512.com-百盈彩票是什么| www.472687.com-海南七星彩梦解| www.625085.com-口袋彩票客服电话| www.877066.com-福彩3d速查表最新| www.dg1.com-几十秒一开的彩票| www.h16.cn-3d彩票过滤器| www.295.xyz-网上如何报七星彩| www.9036.biz-大庄家彩票介绍| www.137613.com-为什么没人伪造彩票| www.285629.com-彩票竞猜金豆修改器| www.506399.com-台湾极速快三| www.643862.com-九万彩票可以提现嘛| www.881049.com-今晚私彩开什么| www.fk8.cc-重庆时时彩开奖结果| www.4ih.com-福彩3个亿-| www.0073.org-福彩1d怎么买| www.77379.cc-爱情头彩下载| www.097753.com-福彩转让信息| www.224461.com-快三猜一个好如何玩| www.369083.com-投诉体彩中心电话| www.548775.com-宝盈彩票手机版下载| www.845622.com-台湾彩票叫什么| www.957424.com-足彩加免费预测| www.vx0.com-今晚七星彩预测| www.y66.biz-查看福彩开奖结果| www.3111.date-乐彩七乐彩论坛| www.28050.com-彩票名词解释| www.014624.com-够力七星彩苹果版| www.141635.com-3d图吧彩吧第一版| www.502318.com-80选20彩票规律| www.643459.com-幸运十分彩怎么玩| www.810832.com-体育彩票飞鱼| www.ex31.com-博大彩票app| www.90mh.com-香港利记博彩| www.29003.cc-大发彩票登录地址| www.018510.com-彩票会员料破解软件| www.200609.com-今天五星彩开奖号码| www.345661.com-福利彩3d字谜总汇| www.490984.com-大地彩票不出金| www.650686.com-开户送彩金免费提款| www.949488.com-福彩三天计划胆码| www.cp1699.com-幸运快三人工计划| www.30zt.com-彩虹代刷网搭建服务| www.5522.hk-彩票平台倒闭名单| www.44416.cc-彩票66犯法吗| www.028930.com-梦想彩票正规吗| www.155489.com-尊彩网邀请码在哪里| www.292116.com-487彩票-| www.427955.com-足彩过滤条件技巧| www.582870.com-投彩网app-| www.706302.com-8彩客站微信| www.837260.com-力彩墙布-| www.956269.com-买彩票上瘾的后果| www.bl57.com-宝利彩票app下载| www.w78.cc-吉利3分彩-| www.283.tv-七星彩下载安装| www.8291.cn-天津时时走势图彩经| www.63577.cc-七星彩领奖方式| www.100036.com-乐米炫彩官网app| www.220038.com-快三遗漏江苏| www.342420.com-743好彩期期中特| www.505446.com-福彩3d-新彩网| www.625909.com-双色球彩宝贝预测| www.761609.com-复式双色球彩票价钱| www.es59.com-分分中彩票手机版| www.9op.com-福彩双色球中彩视频| www.98qs.com-玩重庆时时彩犯法吗| www.5906.vip-结婚彩礼都有什么| www.35353.com-福彩微信-| www.018447.com-下载彩73-| www.129258.com-28彩票平台登录| www.250201.com-彩中彩平台可靠吗| www.370727.com-重庆时时彩票真实吗| www.526584.com-厦门彩票怎么样| www.812029.com-福彩高手3d交流群| www.935239.com-台湾五分彩开奖官网| www.cp812.com-快三贵州今天走势图| www.xg08.com-澳门彩票平台大全| www.64rr.com-微信足彩交流群| www.4160.biz-七彩云平台-| www.27689.cc-体彩牌匾图片大全| www.99028.com-体育彩票号码机选| www.112621.com-安徽快三一共多少期| www.233425.com-快三一定牛吉林| www.356486.com-饭店送彩票活动| www.510392.com-彩盈手机娱乐| www.626960.com-虎扑足彩-| www.749809.com-500万彩票正规不| www.870290.com-彩票店的前景如何| www.02uo.com-红太阳彩票-| www.203.cm-彩铅萌图教程| www.7128.vip-北京福彩论坛网站| www.43218.cc-旺彩大乐透在哪| www.018948.com-福彩三地试机号预测| www.123190.com-福彩3d稳氏应用法| www.229365.cc-成功彩票-| www.339471.com-下载速盈彩app| www.474598.com-3d专家博恩彩预测| www.591716.com-七星彩单双走势图| www.704071.com-大发快三稳定盈利| www.819536.com-易中彩票是正规| www.929723.com-广州快三-| 天地彩www.00tdc.com| www.nu22.com-中彩票后-| www.74um.com-体彩平台是不是骗局| www.9699.date-2017彩票整顿| www.61738.com-领航彩是什么软件| www.053079.com-竞彩足球彩票怎么买| www.169267.com-安徽快三下载| www.291116.com-试机号绕胆图彩之网| www.439699.com-中彩那天课文及生字| www.593867.com-竞彩既时比分直播| www.984186.com-湖北体彩开奖公告| www.wk32.com-天天中彩网-| www.19ug.com-智慧彩票预测有书吗| www.349.cc-永信皇冠彩票| www.4439.wang-乐购彩票怎么注册| www.01139.com-手机认证彩金| www.50925.com-百盈快三怎么下载| www.019297.com-甘肃福彩快三跨度| www.096895.com-体彩的大乐透| www.167239.com-快三计划导师骗局| www.247119.com-彩票怎么玩才能赚钱| www.326257.com-七星彩19017| www.403449.com-下载海南七星彩论坛| www.522342.com-腾讯分分彩跨度稳赚| www.849868.com-玩时时彩的稳定平台| www.941967.com-三分快三计划怎么做| 中国福利彩票www.3478n.cc| www.ep72.com-兼职中彩在线靠谱吗| www.wt67.com-蓝球杀号定胆彩经网| www.28be.com-快三技巧大小单双玩| www.3492.vip-网络博彩平台后果| www.9170.org-3d家彩开奖-| www.40534.com-一彩彩票信誉最好| www.87215.com-澳洲3分彩计划| www.049035.com-彩票算法有规律吗| www.176930.com-吉林快三中奖助手| www.284585.com-福彩快3投注表| www.363030.com-彩虹的形成图解| www.455684.com-澳客网怎么买彩票| www.569832.com-广东快三-| www.928730.com-中国彩票骗局揭秘| www.976637.com-返还彩礼案件| www.xj33.cc-甘肃福彩中心在哪里| www.18by.cc-天津竞彩快三| www.99ga.com-投资计划福彩论坛| www.3196.cc-地下六仺彩精准资料| www.02880.com-幸运中彩票官方版| www.48365.cc-体彩十一运夺金开奖|