头像

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

来源:http://www.iw4g.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.iw4g.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.zr18.com-七彩坊运动内衣连锁| www.466896.com-七乐彩9中4个半| www.240080.com-5分彩官网计划| www.366389.com-油性彩铅品牌| www.973827.com-福彩网江苏快三| www.1313.website106购彩平台| www.454781.com-全球知名博彩公司| www.4130.biz-多重彩虹-| www.560687.com-彩票属于五行属什么| www.778727.com-8号彩票网站| www.396251.com-体彩双休日兑奖吗| www.786989.com-盛兴彩票网登录v1| www.121945.com-足球胜负彩开奖| www.91472.com-福利彩票26期| www.033576.com-彩站宝实体店app| www.cy27.com-彩票ⅱ选5-| www.168881.com-快三是合法的吗| www.94hl.com-天下彩l-| www.79eq.com-关于彩票小说| www.959512.com-老彩民时时彩app| www.cz06.com-福利快三软件| www.zm85.com-亿博团队快三| www.36mj.com-高兴彩票正规吗| www.633.live-茗彩注册app| www.5191.hk-有飞鱼体彩么| www.117218.com-500彩票欢迎您| www.566887.com-旺彩3d胆码-| www.126497.com-乐彩网3d字谜专区| www.310163.com-云南省彩票中心位置| www.113552.com-四川竞彩快三| www.457854.com-福利彩票号码规则| www.188628.com-快乐彩22-| www.of65.com-下载彩猫-| www.502092.com-尾数走势南方彩票站| www.665796.com-小鹿多彩官方下载| www.mu44.com-手机玩彩票做代理| www.654250.com-卖假彩票怎么处罚| www.327619.com-湖北快三豹子预测号| www.26126.com-彩虹羽泉女版| www.647478.com-胜负彩购彩心得| www.618969.com-彩票机兑奖-| www.tc23.com-澳门彩票平台送彩金| www.18by.com-江呀体彩网-| www.918465.com-最大的博彩app| www.3513.cm-能赢钱的彩票网站| www.015687.com-七星彩有假吗| www.171050.com-玩彩票一天赚一两千| www.269782.com-18125体彩-| www.988091.com-彩民乐大乐透| www.mo66.cc-免费送彩金彩票平台| www.850709.com-时时彩跨度是什么| www.sh92.cc-手机时时彩app| www.164511.com-安徽省福彩兑奖地址| www.351151.com-买彩票忌讳-| www.289163.com-app计划彩票五星| www.195551.com-快三走势分析预测| www.1862.tv-有哪些彩票网站代理| www.9993.cn-万彩国际娱乐| www.613.org-时时彩下载软件| www.jn81.com-5亿彩app合法吗| www.613218.com-南洋彩今晚开什么| www.736851.com-彩票中心app| www.825889.com-五星乐彩app| www.897515.com-快易彩安全吗| www.969791.com-浙江福彩网2| www.dx08.com-吉林快三手机版下载| www.wq09.com-中彩网11选5| www.6kq.cc-智慧预测彩票| www.663766.com-体彩篮球竞赛结果| www.815997.com-福彩3d系列三| www.661377.com-福彩大学-| www.570358.com-网易彩票提不出来钱| www.43562.com-福彩一周开几次| www.259338.com-青海体彩app| www.96571.com-中国福利彩票x性质| www.3548.pw-白菜网彩金大全| www.55215.cc-彩票秘籍中奖宝典| www.652689.com-今晚双色彩球开奖号| www.766899.com-体彩排列3开奖情况| www.32250.com-河北体彩网电话| www.019115.com-利彩平台下载安装| www.22934.com-王者彩票网站首页| www.88123.com-彩民网网址-| www.797011.com-彩霸王玄机网| www.906593.com-吉林省快三夸走势图| 亚洲彩www.68568y.com| www.c52.cn-福彩体彩今天开奖号| www.254958.com-快乐彩介绍-| www.292201.com-中国快三老快三| www.732848.com-苏州市体彩管理中心| www.806333.com-福彩3d乐彩静态版| www.871674.com-苏州彩票领奖中心| www.936959.com-海南时时彩开彩结果| www.981175.com-易彩网开奖公告| www.ab29.com-中国福彩河南体彩| www.qp12.cc-江苏快三有哪些规律| www.2ll.cc-体彩十一选五技巧| www.760076.cc-五福彩票安卓版下载| www.850729.com-中国体彩几点停售| www.948427.com-体育彩票公益事业| www.5rt.com-六气彩牛牛高手论坛| www.907043.com-地方快三可靠吗| www.958100.com-k3彩票网官方网址| www.990138.com-官方网时时彩被骗| www.oi8.cc-甘肃福彩网下载| www.mf61.com-福彩快乐十分| www.887141.com-九哥彩票是真的吗| www.962074.com-彩掌柜计划群| 易彩网www.12455x.com| www.7ar.com-员工年会中彩票| www.6383.me-彩票平台招代理加盟| www.43549.com-彩票重庆时时彩票| www.210458.com-吉林快三害人| www.87067.com-98娱乐彩票网| www.356213.com-彩票彩6官网手机版| www.52081.com-彩名堂app苹果版| www.608344.com-3d彩票34期-| www.166122.com-今天快三开奖| 顶级娱乐www.928621.com| www.649069.com-博汇彩票-| www.800398.com-专业高频彩计划网站| www.974107.com-彩民在线网站| www.936961.com-乐福彩票登录| www.02658.com-江苏快三官方注册| www.114560.com-买足球彩票有风险吗| www.652538.com-体彩公告-| www.09693.com-湖北快三随州社区| www.777000.com-彩6官方下载ios| www.306851.com-彩票号码25怎么买| www.380612.com-体彩浙江体彩排列五| www.841382.com-彩妆-| www.850834.com-生日号彩票怎么买| www.949180.com-五百彩票大小单对| www.kc65.com-彩票软件苹果下载| www.4547.com-黑彩三d玩法介绍| www.8442.cn-彩票软件编写| www.664548.com-靠谱的购彩平台| www.670116.com-彩票容易中的数字| www.731650.com-百姓彩票返钱快吗| www.798.org-七乐彩杀号集锦5| www.8215.cc-3d福彩大全-| www.340621.com-彩票开结果大乐透| www.469984.com-彩票30块钱-| www.15240.cc-比较稳的彩票客户端| www.082007.com-老彩民精品24码| www.01187.com-足彩赔率-| www.95213.cc-彩妆-| www.349088.com-彩宝网合法吗| www.498557.com-快开福彩是骗人的吗| www.567043.com-彩票真实性有多少| www.626759.com-玩彩网下载| www.668776.com-美国在哪儿买彩票| www.716619.com-彩铅画动物毛发排线| www.756238.com-贵州省体彩大选五| www.855200.com-快三中123多少钱| www.08770.cc-天天中彩票三| www.02mr.com-七比一世界杯彩票| www.1219.org-体彩发行时间是哪年| www.275937.com-红牛快三平台| www.296132.com-网上彩票软件合法吗| www.09es.com-七彩乐单式开奖查询| www.507997.com-兼职彩票代玩| www.87602.com-网购彩票注册| www.07ug.com-刚力彩芽滴-|