头像

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

来源:http://www.shkabl.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.shkabl.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.84499b.com| www.137514.com-专注福彩3d实票| www.61eg.com-掌游彩台球大师| www.1573.top-七星彩名字选号| www.753273.com-d9彩票d9cc| www.882403.com-易彩堂彩票是真的吗| 彩82www.c1825.com| www.pm60.com-彩乐乐专家杀号定胆| www.693748.com-郑州体彩中心| www.784203.com-买彩票被骗怎么追回| www.870742.com-cp彩票平台-| www.950775.com-彩票友交流群| 七星乐www.535666e.com| www.lr18.com-苹果彩贴-| www.039639.com-彩票合买系统在哪找| www.124133.com-河南福彩3b走势图| www.201548.com-分分快三预测软件| www.278490.com-开奖大极速快三| www.356684.com-金凤凰彩票| www.545598.com-八仙时时彩手机版| www.761784.com-河北彩票开奖杳询| www.848803.com-高返水彩票网站| www.921275.com-彩神ii官方网| 博乐彩票www.35918g.com| www.0035.cn-2元彩票是几位数| www.725568.com-台湾码福星彩图库| www.737073.com-福彩官网活动| www.845632.com-民政部中国福利彩票| www.931549.com-天吉彩票论坛3d| www.987264.com-彩票163开奖| www.ci08.com-彩票网站平台| www.341481.com-福彩店广告语| www.208378.com-甘肃快三结果查询| www.8809.top-彩票推广怎么做| www.074737.com-彩6下载安装ios| www.995796.com-澳客竞彩必发盈亏| www.496208.com-足球博彩购买| www.604132.com-吉祥彩票是黑平台| www.575345.com-福建体彩开奖时间表| www.660551.com-阿里彩票是真的么| www.810331.com-手机新浪网彩票开奖| www.900522.com-教我买彩票-| www.969579.com-酷彩官网-| 大赢家彩票www.799417.com| www.nm74.com-胜负彩14-| www.12zp.com-彩票699cc-| www.055604.com-来一组彩票号码| www.26643.com-七星彩大复式| www.059268.com-时时彩大小打法| www.153069.com-分分彩公式大全| www.252922.com-时时彩开奖历史| www.325196.com-海南有什么彩| www.404163.com-彩票狂人王成周现状| www.519981.com-手机可买彩票吗| www.638619.com-色彩三要素是什么| www.716671.com-彩铅画古风唯美| www.785887.com-大奖五分快三计划| www.863258.com-足彩19051对阵| www.928617.com-福彩3d旺彩-| www.978491.com-福中彩票下载安装| www.cp23.com-河南幸运彩走势图| www.162.tv-关于彩虹的名字| www.zz77.com-竞彩申请-| www.26fw.com-谷歌分分彩开奖原理| www.0022.biz-美国彩票网中文| www.7020.loan-追号计划快三| www.23270.com-b8彩票下载-| www.75100.com-统计彩票-| www.562303.com-玄机图片二四好彩| www.7736.com-足彩19039佬牛| www.393648.com-海边风景彩铅画| www.570611.com-七彩神仙鱼阿连卡| www.659116.com-购买官方彩票软件| www.753688.com-qq彩色昵称-| www.893396.cc-爱彩乐开奖走势图| www.985097.com-福利彩8苹果手机版| www.692739.com-6678彩软件下载| www.1207.org-彩票中奖5亿| www.9279.biz-技术型彩民11选5| www.58618.cc-安彩高科公告| www.456143.com-福彩12远5走势图| www.542318.com-360足彩胜-| www.698859.com-一定牛快三预测| www.836922.com-江苏彩礼一般给多少| www.904013.com-牛蛙彩票下载安装| www.973243.com-98彩票官网登录| 大赢家彩票平台www.530396.com| www.fn74.com-足球竞彩500| www.a19.top-阳光探码图彩民乐图| www.21jg.com-福彩app刷彩单| www.94px.com-台湾基诺彩开奖网站| www.3603.org-竞彩网上哪里能买| www.04279.com-彩票工具一今日运势| www.70135.com-彩票8网站-| www.362661.com-福彩3d预测字画迷| www.833559.com-体育彩票如何选号码| www.908664.com-彩神帝登录-| www.971296.com-彩票刮刮奖真坑| www.cai0505.com体彩大乐透-| www.52061.cc-河内一分彩官方开奖| www.77217.cc-105彩票负面新闻| www.71yb.com-彩票012路数字| www.0998.net-福利彩票周即可以买| www.8224.net-投资彩票可以赚钱吗| www.28638.com-中福彩票平台安全吗| www.69231.cc-众博彩票无故钱没了| www.8953.xyz-上海福彩天天选三| www.f19.com-彩票开奖查询走势图| www.67pz.com-足彩销售额-| www.1452.vip-大赢家彩票计划软件| www.699935.com-查昨天福彩开奖号码| www.775503.com-中彩网詹天佑3d| www.863287.com-福彩的所有彩种| www.920332.com-福彩十二生肖开奖| www.976646.com-彩礼最低的省份| www.ej4.com-时时彩走势图彩| www.ro79.com-快三正确的倍投方法| www.396534.com-昨儿彩票出的什么| www.328661.com-免费彩票高手资料| www.518468.com-福万家彩票-| www.685456.com-下载彩票中奖软件| www.805609.com-彩阳集团和九乐彩阳| www.925271.com-外围足彩app推荐| www.08282.cc-靠谱的彩票销售系统| www.751437.com-人人中彩票下载官网| www.883691.com-彩之王邀请码| www.vt59.com-福彩门户-| www.498569.com-大众彩票骗-| www.646006.com-足彩技巧心得| www.998437.com-北京彩票官网开奖网| www.337332.com-大发快三是赌博| www.503576.com-香港赢彩资讯| www.593113.com-彩虹的重力剧情| www.691790.com-足彩十四场开奖结果| www.849285.com-彩票3b试机号查询| www.943939.com-春秋彩票0120| www.bb46.com-大发快三怎么看和值| www.r02.cn-微信天天中彩票| www.1904.wang-159彩票提现快吗| www.904138.com-彩99手机版-| 易彩堂www.55885a.com| www.257562.com-038快彩-| www.ih52.com-一定牛彩票官网| www.15nv.com-97彩票彩种| www.38537.com-云彩彩票-| www.969735.com-新昌双彩后王泥石流| www.84335.com-快三客服靠什么盈利| www.091606.com-春秋彩票登陆平台| www.54yx.com-一日谈七星彩| www.1170.tv-竞彩营销宣传语| www.384748.com-澳发彩票app下载| www.654001.com-江西快三和值推荐号| www.2231.in-汇辰彩票25885| www.78306.com-彩票要选几个号码| www.035514.com-时时彩在线试玩| www.896175.com-深圳快乐彩开奖查询| www.970987.com-银河彩票网站靠谱吗| www.17gp.com-中国福彩报纸预测| www.115.pw-彩虹的约定音乐教案| www.133308.com-彩钢皮墙-| www.235795.com-足彩预测网-| www.300073.cc-网易彩票时时彩| www.222143.com-彩票销售改革| www.311980.com-兰州福彩中心在哪里|