头像

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

来源:http://www.mybb360.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.mybb360.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.002678.cc-彩票反水是什么| www.576174.com-南方彩票彩网| www.652719.com-多彩批发市场在哪里| www.740741.cc-港股中的博彩股| www.877682.com-海外足彩-| www.970637.com-迷彩兔之家-| www.eg55.com-福建省体彩官方网站| www.j30.me-七乐彩预测专家杀号| www.73ws.com-牛彩网图迷总汇大全| www.3859.cm-dd彩票网是谁的| www.01051.com-体彩触屏版-| www.85216.com-东方彩票注册送43| www.057863.com-河北快三号码大全| www.209218.com-体彩大乐开奖查询| www.287706.com-宝发彩票-| www.43566.com-苹果7彩膜-| www.058313.com-极速彩票规律| www.249109.com-234彩-| www.376571.com-大发快三私人控制| www.540171.com-彩票出票软件| www.671151.com-福利彩票鸡丁刮刮奖| www.842181.com-福彩和体彩-| www.7525.com-竞彩彩果-| www.52830.cc-好彩堂下载app| www.121326.com-体彩大乐透选号| www.604580.com-彩帝彩票是合法吗| www.736118.com-手机玩彩票下载| www.918851.com-英皇博彩-| www.263363.com-福彩双色球玩法说明| www.479309.com-新浪网足球彩票中心| www.807146.com-彩博士官网手机网| www.944813.com-彩票比大小软件| www.cp7379.com-五分彩在线万位计划| www.429034.com-现代创意水彩画图片| www.hb41.com-彩民彩票-| www.f56.net-体彩中奖号码查询| www.57xn.com-厦门体彩转让信息| www.756455.com-3号彩票登录| www.74sh.com-足彩任九领奖| www.338238.com-蚂蚁彩票网址| www.963391.com-海南体彩七星彩论坛| www.jt49.com-快三如何跳-| www.31vp.com-体彩双休日兑奖吗| www.92625.cc-时时彩计划骗局| www.086552.com-凤凰彩票怎么玩法| www.170237.com-河南福彩快三走势图| www.366187.com-五彩斑斓的黑出处| www.456239.com-买足球彩票能发财吗| www.539684.com-博友彩快3-| www.616691.com-足彩半全场-| www.693569.com-湖北快三开奖下载| www.773701.com-时时彩开奖软件官网| www.844418.com-中国彩票最大弃奖| www.905169.com-江苏快三跟着群| www.964746.com-彩福网-| 购彩堂www.113438.com| www.00fg.com-赞美之泉《彩虹》| www.35632.cc-七星彩智能选号器| www.245044.com-胜负彩比分直播新浪| www.361148.com-新浪彩票定位走势图| www.fn5.com-重庆时时彩维护公告| www.zi76.com-3d双彩图-| www.658019.com-百宝彩官网电话| www.4595.vip-只买一个号的彩票| www.uf10.com-褔利彩票-| www.246113.com-易彩大小规律| www.365601.cc-河北七星彩开奖号码| www.507627.com-时时彩公式大全| www.671848.com-彩宝彩票网址| www.866444.com-体彩481怎么玩的| www.947221.com-3地彩票-| www.lj60.com-彩网导航-| www.t00.cc-贾峪彩票中奖| www.31ln.com-刻家奇门预测彩票| www.37674.com-体育彩票管理条例| www.003441.com-网上有卖体彩的吗| www.152586.com-uu快三代理-| www.348558.com-日本彩虹频道| www.532692.com-天悦体彩下载软件| www.727096.com-乐彩网缩水软件| www.977703.com-豪彩娱乐注册| www.so6.com-怎样玩时彩才赚钱| www.tx41.com-江苏爱彩乐开奖结果| www.037801.com-乐彩网的计划准不准| www.89291.com-福彩查询app| www.gt77.com-福彩店怎么申请| www.744599.com-宏盛彩票软件| www.122392.com-英国有什么彩票| www.281226.com-排列五星彩开奖| www.497349.com-首彩-| www.667662.com-福利彩票七乐透| www.123115.com-酷彩是个坑-| www.065956.com-彩虹六号表情包| www.188659.com-彩票中屠龙什么意思| www.269249.com-彩票什么叫砍龙| www.780232.com-梦删解梦七星彩大全| www.7070.la-七彩坊怎么样| www.wr23.com-体育彩票双色球| www.156051.com-天津体彩11远5| www.319061.com-爱乐彩北京快三开奖| www.456170.com-梦见死人彩票怎么买| www.570880.com-七彩山鸡苗孵化场| www.671596.com-十几万彩礼吉利数字| www.763009.com-今天西宁快三d开奖| www.886376.com-好运来时时彩下载| 天天中彩www.060899.com| www.lv63.com-彩票站每日对账方法| www.188765.com-福建彩票快三彩票空| www.395771.com-昨天晚上的彩票| www.510395.com-放彩虹屁的表情包| www.585896.com-玩大通彩票能赢吗| www.668942.com-体彩排三谜语总汇| www.118809.com-购彩网邀请码是什么| www.187813.com-彩富网-| www.md56.com-75彩票-| www.73ze.com-福彩3d黑彩专家| www.5533.live-万彩吧彩票双色预测| www.890425.com-全民双色球彩票预测| QQ彩票www.89894b.com| www.06ag.com-水彩颜料推荐| www.044.date-众彩大乐透专家预测| www.f45.loan-彩票倍投是什么意思| www.338452.com-福彩3地d走是| www.443323.com-彩票充值送彩金| www.538786.com-掌上彩票pro安卓| www.800408.com-657彩票网正规吗| www.246600.cc-时分彩票-| www.284283.com-福利彩票彩种有哪些| www.8jc.com-七星彩大赢家破解版| www.998.top-彩票都几位数| www.hl8.com-吸引人的彩票广告词| www.sa39.com-泸溪白沙快三秒电话| www.38kq.com-农村彩神大乐透| www.94wr.com-体育彩票哪种效果好| www.74938.com-足彩软件哪个好| www.0465.cm-最新注册送彩| www.26529.cc-幸运28网站彩票| www.1629.vip-体彩五d今天推荐号| www.862673.com-江苏体彩网论坛| www.2080.cn-彩票真实性有多少| www.9110.mobi-花草彩铅画图片| www.608848.com-彩票网络啥时候停售| www.2621.cc-彩票37-| www.910987.com-快三交流群是什么| www.dx.com-手机快3是什么彩票| www.335999.com-网购彩票顺口溜| www.318170.com-各彩种开奖-| www.486941.com-竞彩每天几点开售| www.766877.com-nba篮彩推荐分析| www.876437.com-掌上京彩app下载| www.999040.com-竞彩足球安卓版下载| www.vr10.com-快三走势分析软件| www.4728.vip-彩票50万照片| www.17033.com-体育彩票打印机| www.62224.cc-海南私彩规律图| www.870497.com-深圳彩票店转让| www.lr54.com-大中华彩票手机版| www.04da.com-111彩票安卓下载| www.6133.cm-手机彩票送彩金| www.609283.com-快点恢复网上彩票吧| www.889124.com-彩宝店-| www.cy45.com-赢彩王免费版| www.t24.me-i8彩票官方网址| www.462768.com-正规彩票店服务平台|