头像

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

来源:http://www.ldgxedu.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.ldgxedu.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.236524.com-彩票规律分析| www.381451.com-亿乐彩软件下载| www.537219.com-有彩色系的三属性有| www.644053.com-发型彩票要求| www.748813.com-玩彩票注册邀请码| www.833060.com-手机彩票77官网| www.915299.com-淘彩票主页-| www.984381.com-江苏快三的危害| www.jo20.com-他妈网易彩票骗人吧| www.q88.wang-彩经网免费专家预测| www.59dj.com-中国彩杯-| www.1122.win-胜负彩改期-| www.00958.cc-昨天福彩-| www.61561.cc-彩6彩票手机客户端| www.028771.com-彩票五行生克杀尾法| www.118123.com-福彩3d海南大公鸡| www.199372.com-老快三开奖结果查询| www.285611.com-重庆时时彩胆拖玩法| www.422700.cc-申请彩票站多少钱| www.532958.com-六星彩网站-| www.641522.com-网络图标彩票网站| www.739521.com-福彩3d封盘时间| www.821673.com-湖北快三倍投计划表| www.903158.com-真实的彩票软件网站| www.977240.com-濮阳彩礼新规定| www.eu92.com-休育彩票开奖公告| www.yr65.com-酷彩app怎么样| www.32pe.com-福彩双色球篮球预测| www.0722.bid-网彩平台骗局| www.7796.in-时彩组六买法| www.30083.com-体彩排列3现场直播| www.79760.cc-宁夏体彩网点| www.039339.com-七彩平台是国家的吗| www.166112.cc-吉林省快三走势图和| www.260661.com-福彩双色球怎样兑奖| www.344689.com-极速彩票开奖网站| www.438467.com-长沙特立路体彩店| www.539450.com-新浪彩-| www.666177.com-大乐彩怎么回事| www.751824.com-①号彩票官网| www.912253.com-朋友买黑彩发了| 500万彩票www.35wcp.com| www.gv31.com-鸿彩网坑人的吗| www.b37.pw-一定牛彩票是否合法| www.39zs.com-山东枣庄彩礼| www.2255.date-安徽快三今天开奖结| www.8167.net-胜负彩任九开奖查询| www.32153.cc-易彩网注册邀请码| www.81537.com-河北快三技巧视频| www.042461.com-福利彩票宣传语简单| www.186486.com-百盈快三是真的假的| www.264989.com-华夏彩票骗局揭秘| www.367699.com-168极速彩票计划| www.468222.com-多玩彩票提现| www.557585.com-酷彩吧是否靠谱| www.631797.com-七彩什么意思| www.733072.com-福建福彩双色球走势| www.816332.com-博彩诈骗怎样报警| www.895147.com-在爱投买彩票安全吗| www.964052.com-福彩3d教父可信吗| 博友彩www.939562.com| www.kr64.com-91彩神是真的吗| www.k80.xyz-彩票解码器靠谱吗| www.46xh.com-体育彩票过户流程| www.889.website怎么网上买时时彩| www.5603.me-篮球彩票软件下载| www.13989.com-快三和值奖金规则| www.60480.com-新浪快三走势图表| www.090396.com-福彩快开彩票改规则| www.162203.com-鸿运彩票是正规的吗| www.265096.com-福彩三地振幅走势图| www.338064.com-微信合买彩票| www.418226.com-恐龙彩铅画-| www.521129.com-第一的彩票代购网站| www.592723.com-台湾彩虹台下载地址| www.668649.com-彩票冷热分析怎么看| www.750885.com-福利彩票二等奖| www.810308.com-福利彩票新政策| www.875056.com-中国彩吧图谜第一版| www.by51.com-体彩竞猜足球比分| www.uk22.com-大赢家彩票ios| www.08oo.com-福彩体彩千禧试机号| www.80ao.com-九号彩票登录网址| www.2079.me-暗黑破坏神3彩虹本| www.7772.vip-教你玩快三的人| www.27167.com-彩票2元网靠谱吗| www.73199.cc-彩宝彩票软件| www.130687.com-七星彩出号口诀| www.206372.com-百胜快三下载| www.277574.com-易快彩3购买技巧| www.388022.com-华彩在线重庆5分彩| www.508660.com-彩16提现-| www.578511.com-重庆时时彩所有图片| www.652482.com-双色球彩票站开奖| www.762183.com-外围足彩下载| www.853745.com-专业玩彩人-| www.916262.com-免费送彩金时彩平台| www.969123.com-体育大乐透彩票| www.dn23.com-哪里可以玩快三| www.vh12.com-快乐彩票平台正规吗| www.11fk.com-新世界彩票平台| www.78we.com-体彩篮球竞彩网| www.1523.wang-彩垔开奖公告| www.34927.com-吉林快三遗漏三同号| www.78386.cc-福彩藏机图迷| www.027084.com-5分彩个位怎样选号| www.101118.com-三分时时彩软件平台| www.167629.com-快3彩票下载| www.296272.com-吉林省福利彩票3d| www.365897.cc-体彩排列三和值| www.454526.com-乐彩真的能赚钱吗| www.540350.com-境外足彩-| www.656632.com-6d彩票app-| www.738156.com-金彩网一分快3攻略| www.806807.cc-足彩入门教程系列书| www.919629.com-靠谱的彩票销售平台| www.976141.com-河南商丘彩礼血案| www.bp21.com-彩1下载-| www.sp04.com-新浪双色球彩票预测| www.10no.com-98娱乐彩票网下载| www.76sz.com-七乐彩万能最佳组合| www.1257.pw-顶尖彩票app兼职| www.8811.vip-看福彩3d开奖号| www.39312.cc-福彩3d选号解密| www.81158.cc-福利彩票头奖分配| www.027159.com-078彩票官网| www.094618.com-彩票辅助-| www.155425.com-微彩分析软件| www.279504.com-幸运分分彩精准计划| www.360511.com-今晚福彩3d水果图| www.442673.com-懂彩帝下载-| www.527006.com-海南七星彩直播| www.624343.com-时时彩卡奖什么意思| www.689770.com-足彩开奖走势图| www.765325.com-快三一分钟书籍| www.868277.com-五分彩可以玩吗| www.949309.com-搜索彩票开奖公告| www.996851.com-下载福彩走势图| www.bt8.com-官彩诈骗-| www.ma31.com-合法的彩票-| www.c52.net-福彩今天的开奖号码| www.25gu.com-华彩争霸app| www.827.live-彩票网实时计划| www.4505.hk-今天七星彩号码多少| www.9136.com-七乐彩摇奖器选号| www.53372.cc-时时彩图片开盘图片| www.91658.com-乐米炫彩是什么| www.038339.com-彩票59-| www.137373.com-苹果7钢化膜彩膜| www.203530.com-彩票开奖分析| www.265260.com-湖南快三走势| www.362670.com-现在什么彩票最热门| www.439418.com-福彩够三网真的假的| www.522365.cc-分分彩抓号软件| www.585439.com-app97彩票-| www.649848.com-彩跑活动-| www.766431.com-华夏鑫彩app下载| www.842057.com-福彩刮刮乐怎么进货| www.898046.com-哪里可以代买足彩| www.956131.com-彩影怎么制作| www.990351.com-官方回应老梁说彩票| www.cp2499.com-福彩快三输了50万| www.kk09.com-足彩专家预测胜负彩| www.zf08.com-中华购彩票-|