头像

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

来源:http://www.maoteacher.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.maoteacher.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.466673.com-洛杉矶国际快三下载| www.66786.com-福彩e网-| www.51761.cc-山西中国福彩| www.29892.cc-快三限号打不出来| www.096520.com-福利彩票的中奖规则| www.222722.com-湖北省一定牛彩票网| www.1189.com-时时彩任意位置出1| www.979413.com-好彩香烟铁盒| www.re72.com-快三平台作弊软件| www.651777.com-福彩的中奖方式| www.068693.com-信博彩票合法吗| www.194692.com-快三跨度技巧| www.293690.com-苏州福利彩票网| www.386620.com-江苏快三几分钟一期| www.558072.com-口袋彩票邀请码谁有| www.654473.com-万博彩票官网下载| www.740215.com-买彩票几注什么意思| 七星彩票www.7qxc.com| www.mf57.com-山西福彩-| www.188228.com-中福快三计划软件| www.315002.com-幸运彩靠谱吗| www.657684.com-易彩堂是什么| www.770864.com-湖北快三中大奖| www.893176.com-万能彩票过滤器| www.960241.com-怎样在手机上买彩票| 亿发彩票www.507933.com| www.4977.biz-网购彩票中大奖| www.390063.com-万家彩票可信吗| www.79mu.com-彩乐园新版下载| www.m49.com-彩票10选5是什么| www.71xq.com-四星彩下期预测| www.339935.com-分分彩输了一百万| www.232508.com-足彩投注截止时间| www.819403.com-彩票人工计划联盟| www.tn.com-福彩开奖号码| www.908027.com-炫乐彩票北京pk十| www.ke38.com-网上彩票属于赌博吗| www.34jp.com-众盈娱乐国际时时彩| www.3936.cm-幸运彩走势图电脑版| www.33869.com-七星彩打规律奖率| www.948371.com-大乐透出号彩吧助手| www.66.cx-新浪彩票定位走势图| www.319004.com-五分时时彩计划下载| www.ha81.com-彩99是正规彩票吗| www.12dp.com-腾讯天天爱彩票| www.263.me-重庆时时彩团队| www.2978.cm-游戏彩金是什么意思| www.8434.loan-体彩排列三大小遗漏| www.029977.com-彩铅画图片大全简单| www.133172.com-彩钢围挡厂家石家庄| www.212853.com-八手巴购彩票骗局| www.611441.com-彩票店靠什么赚钱| www.678604.com-足彩赔率分析技巧| www.750928.com-足球彩票18075| www.292291.com-购彩大厅uu直播| www.441794.com-彩票开奖结一果| www.327525.com-彩票图纸-| www.nt4.com-3d彩票走势图| www.295448.com-彩吧图谜全图| www.cu65.com-彩宝app下载| www.5406.xyz-彩铅画简单好看图案| www.132407.com-平顶山结婚彩礼多少| www.218311.com-福彩快三官网合法吗| www.0888.space-体彩有中过大奖的吗| www.45161.com-中彩心水-| www.d63.org-亚博阿里彩票| www.61ci.com-完美彩票723| www.867548.com-河南体彩481害人| www.202317.com-体彩竞衫-| www.8266.vip-8号彩票黑人平台| www.41136.com-彩票分析软件破解| www.99049.com-胜负彩19055期| www.s15.com-彩868网-| www.275631.com-江苏快三和值大小| www.696066.com-竞彩网诈骗-| www.11362.cc-竞彩天天手环| www.25356.cc-水彩入门-| www.140996.com-浙江福彩开奖公告| www.23532.cc-彩票站转让得多少钱| www.167772.com-上海快三走势图今天| www.4079.cn-中国福彩模拟投注| www.325717.com-彩票双色球开奖直播| www.950.cm-体育彩票排列五组选| www.376219.com-安徽体彩中心在几楼| www.pn05.com-新彩福彩3d-| www.69ck.com-v8彩安卓版下载| www.8609.wang-足彩比分直播完整版| www.ym83.com-南洋乐和彩平台| www.356028.com-满堂娱乐彩票| www.017363.com-类似印象彩票的网站| www.771330.com-丰大彩票app| www.028628.com-365彩票网-| www.306686.com-快三三不同-| www.1bg.com-彩票冷热什么意思| www.74fw.com-彩票怎么在手机上买| www.1785.vip-白菜彩金网址大全| www.6878.com-体彩顶呱刮中奖贴吧| www.13723.com-湖南福彩开奖查询| www.816090.com-四川快乐i2爱彩乐| www.949091.com-高频彩开奖网站| www.bw46.com-甘肃福彩3d走势图| www.045889.com-天天彩票软件下载| www.194241.com-快三是啥游戏| www.333823.com-打击海外服务器黑彩| www.974275.com-彩票和值大小单双| www.96os.com-百度彩票还能用吗| www.9637.pw-国彩gc8-| www.xk14.com-甘肃快三推号| www.2189.vip-迅盈彩票提款失败| www.671435.com-鸿运彩票派奖| www.744687.com-新华网彩票-欢迎您| www.810214.com-500万彩票软件| www.876564.com-牛彩网三地图库| www.947078.com-快乐12彩票-| www.988864.com-天天快三下载安装| www.dg5.cc-十分钟开奖福彩| www.kq94.com-福彩字谜资讯搜索| www.yl96.cc-d8彩票网络平台| www.5yj.com-福建省体育彩票网| www.940086.com-那个彩票app好用| www.350939.com-竞彩足球连黑怎么办| www.582058.com-彩票999apk| www.959712.com-下载盈彩网-| www.ny4.cc-彩票app大全下载| www.iv93.com-彩票民间高手老王| www.29363.cc-苹果系统买彩票软件| www.029096.com-时时彩回血上岸技巧| www.311625.com-红五彩票平台| www.554011.com-彩蛋图片画法小黄人| www.4472.vip-彩计划9cb网页| www.812244.com-福彩3d计划专家| www.04878.com-福彩3d图纸第二版| www.729563.com-彩票两元网排列三| www.874008.com-多项彩票开奖软件| www.957211.com-双彩网论坛试机号| www.xp.cc-广西快三开奖结果控| www.22wi.com-九五彩票可靠吗| www.4793.org-万彩网会不会被骗钱| www.003717.com-彩经彩票破解软件| www.9039.biz-彩霸app-| www.69695.cc-易彩娱乐平台下载| www.35nk.com-香港开码结果开奖彩| www.564.cm-新宝腾讯分分彩| www.3125.top-体彩中心查询电话| www.0512.com-京彩生活app闪退| www.444734.com-天空彩天下彩票资料| www.568221.com-下彩网可以提现吗| www.792327.com-天天幻想中彩票| www.932879.com-体育彩票第一期时间| 吉利彩票www.80075v.com| www.cp0414.com-时时彩app苹果版| 网易彩票www.084wy.com| www.8012.red-小班彩虹伞儿歌| www.31558.com-凤凰竞彩是真的吗| www.173235.com-江苏快三是什么平台| www.398841.com-大成彩票网-| www.237964.com-福彩快三有没有规律| www.009171.com-9万彩票ios版| www.086259.com-凤凰彩票lll| www.232617.com-最赚钱的彩票系统| www.299329.com-今日彩票开奖结杲| www.440211.com-彩娃什么时候开奖| www.541411.com-亚洲五分彩是真的吗| www.622071.com-河北快三今日开奖|