头像

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

来源:http://www.ycwg80.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.ycwg80.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.090104.com-qqcp全球彩票| www.5031.vip-吉林福彩3d-| www.27227.com-足彩一般在哪买| www.89071.com-汇众彩票注册| www.00bg.com-广州福彩快乐十分中| www.752557.com-彩票到底有没有人中| www.348422.com-香港彩宝典手机版| www.124157.com-福彩三d试机号码| www.698371.com-怎么玩彩票能赚钱| www.660465.com-彩票摇奖机app| www.764786.com-933彩票网站| www.qh76.com-福彩推荐号-| www.404.black-旺彩票app-| www.6486.vip-七乐彩中了4个号| www.92720.com-彩票吧app下载| www.559646.com-陇彩宝-| www.654731.com-福利彩票销售经费| www.737278.com-迷彩兔影视-| www.464447.com-上官燕七星彩期预测| www.60969.com-博雅彩票投注站| www.3410.xyz-带七彩两个字的网名| www.5701.me-网上哪里买彩票安全| www.cp3533.com-江苏快三推荐号| www.588287.com-海南七星彩研究论坛| www.5339.onlinek彩平台注册| www.553010.com-七星彩在哪个台开奖| www.657654.com-体彩7星彩码020| www.30268.com-辽宁体彩网唯一官网| www.183206.com-福彩3d字迷-| www.423778.com-三国里的星彩是谁| www.017190.com-52彩票网-| www.ls8.com-彩票开奖查询彩| www.939067.com-58网彩-| www.ed27.com-彩票话术900| www.6047.org-3d彩票专家图库| www.038066.com-体彩竞彩打票教程| www.133553.com-9a彩票app-| www.289786.com-彩票改20分钟开奖| www.1rw.com-负债累累彩票救命| www.80008.com-快购国际彩票| www.4002.xyz-时时彩杂六买号法| www.fc02.com-中福网彩票合法吗| www.2698.wang-v8彩票靠谱么| www.456316.com-福利彩票管理办法| www.562876.com-中福快三吧-| www.638036.com-一个足彩高手的总结| www.934505.com-湖北快三规律破解| 博友彩www.122by.com| www.ev26.com-上海快三计划网页版| www.182966.com-福彩快3奖金规则| www.909210.com-福彩3d资料-| www.975294.com-彩票逗人中奖图片| www.cp9211.com-下载中彩彩票| www.767258.com-今日竞彩比分推荐| www.853314.com-体彩排五走试图| www.923669.com-贵州快三开奖记录| www.980908.com-八马彩票下载| www.nv1.com-北京快三赢钱技巧| www.og90.com-快三中奖号-| www.3dc.cc-博黑彩平台-| www.52gp.com-水彩纸-| www.554.date-新未来分分彩| www.375342.com-福彩视频开奖直播| www.559569.com-体彩七位数兑奖规则| www.654882.com-彩票几点买容易中奖| www.749884.com-连中彩票安卓| www.867477.com-特区彩票排列五论坛| www.976284.com-重庆结婚彩礼| www.cf23.com-江苏快三有官网吗| 彩乐乐www.3005w.com| www.nw50.com-凤凰vip彩种| www.jc9.com-内蒙快彩-| www.056488.com-1分彩票走势图大全| www.72090.com-2018世界杯体彩| www.952774.com-风彩彩票-| 大赢家彩票平台www.081306.com| www.jx76.com-人人彩票app官网| www.zx06.com-幸运中彩票牛牛| www.50193.com-网上彩票停止销售| www.301924.com-7星彩走势图表| www.501260.com-三d彩吧论坛首页| www.592285.com-七星彩解梦查码| www.616906.com-爱彩乐吉林快三| www.781401.com-百乐彩网-| www.132920.com-彩色混凝土压模价格| www.52761.cc-七彩山鸡多少钱一斤| www.660668.com-福建体彩宫方网站| www.350577.com-贴彩膜-| www.266714.com-快三倍投稳赢技巧| www.344346.com-重庆时时彩杀码软件| www.304777.com-网络快三怎么能稳赢| www.055540.com-中国体育彩票种类| www.xf21.com-掌上中彩是真的吗| www.735866.com-中国彩吧图库第一版| www.911158.com-福彩双色球规则介绍| 彩霸王www.cbw222.com| www.5939.biz-ios12原彩显示| www.872204.com-贵阳市体彩管理中心| www.810256.com-体彩2019新规| www.395308.com-彩虹岛w国服下载| www.343444.com-有没有买彩票养家的| www.300988.cc-网易彩网-| www.349343.com-彩票助手怎么买彩票| www.65yz.com-198彩登陆-| www.190286.com-韩国快三官方开奖| www.34qp.com-彩运来最新检测路线| www.455779.com-聚彩论坛手机网站| www.629018.com-全彩自动打印机| www.n77.cm-福利彩票怎么查中奖| www.387098.com-七彩球中奖号| www.653115.com-竞彩比赛越来越少| www.639507.com-彩票站室内设计| www.59998.cc-卓易彩票电脑版| www.421386.com-注册彩金彩票| www.561129.com-779彩票软件下载| www.650632.com-小班彩虹伞教案反思| www.634562.com-96彩票官网| www.690326.com-福彩排列3开奖| www.553150.com-体彩站点申请好办吗| www.842520.com-体彩公益金资助| www.941061.com-彩票500网走势图| www.988520.com-游戏机彩票纸干嘛用| www.bo56.com-彩票大厅-| www.0ge.cc-彩厍宝典下截| www.358975.com-下载体彩开奖结果| www.651114.com-陈流水彩画作品| www.708655.com-大发时时彩国外开奖| www.721400.com-快三江苏走势图| www.842689.com-福利彩票分成比例| www.940922.com-彩票套利方法| www.26544.com-体彩玩法宣传图片| www.d53.loan-用人工智能预测彩票| www.31dc.com-彩虹歌谱-| www.365415.cc-安徽彩票兑奖地址| www.003684.com-玩彩票用什么app| www.2344.win-m5彩票线路检测| www.09090.cc-体彩电话投注流程| www.222339.com-快三晚上-| www.347654.com-天天彩票集团软件| www.441446.com-福彩专业毒胆| www.519223.com-乐盈彩票进不去了| www.109584.com-派彩洗面奶-| www.88qv.com-彩票双色球选号方法| www.429475.com-陕西快三开奖走势| www.405778.com-嘉兴福彩快三| www.17568.cc-如何算彩票中奖机会| www.68389.cc-体育彩票飞鱼走势图| www.lw6.com-快三中奖查询表| www.900028.cc-天天竞彩安卓| www.970117.com-刮刮彩技巧-| 天天彩票www.101062.com| www.685220.com-首页1216彩票| www.042647.com-多彩贵州网董事长| www.64wf.com-篮彩网-| www.2111.live-七彩阳光口令音乐| www.862316.com-河南福彩大厦| www.944934.com-乐发彩票黑过钱没| www.984624.com-彩虹网彩票靠谱吗| www.169068.com-体彩481-| www.239258.com-大发快三有人控制的| www.854223.com-快三必出组合| www.78929.com-福彩3d怎么做大底| www.700589.com-彩票店可以买什么车| www.882722.com-乐猫彩票注册|