头像

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

来源:http://www.borentan.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.borentan.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.777165.com-易盈彩票平台怎么样| www.951798.com-彩票坏了能兑奖吗| 大赢家彩票平台www.689253.com| www.nh40.com-广西福利彩票开奖| www.10mn.com-神彩软件官网| www.93kq.com-彩票发app-| www.2937.biz-宜兴彩票店-| www.8592.wang-体彩杀胆牛网| www.99789.cc-彩票网提现失败| www.081351.com-致富彩票邀请码| www.1641.xyz-糖果派对中彩金图片| www.16ah.com-彩票今日-| www.0278.net-时时彩判断下期组六| www.8242.biz-福彩助手浙江| www.39689.com-039彩票app-| www.95603.com-国家彩票收入| www.0681.xyz-厦福利彩票站点申请| www.8970.cm-神彩福牛网2018| www.83741.com-蚂蚁会员积分换彩票| www.059365.com-彩神计划手机版| www.31151.cc-彩票专业分析| www.015910.com-彩票开奖下载开奖| www.116977.com-体彩七星彩机选号码| www.223851.com-分分时时彩免费计划| www.311041.com-美国彩票和中国| www.394722.com-彩虹正版查询| www.984117.com-辽宁福彩网下载| www.vc04.com-易彩官方彩票| www.38pp.com-彩铅绘画技巧动物| www.1166.red-彩票要怎么看| www.8857.in-霍德华彩票方法分析| www.53569.cc-微信快三赌博| www.008667.com-大乐透走势图大彩网| www.095392.com-中彩吧开奖-| www.178545.com-内蒙快三出号走势图| www.266998.com-体育彩票走势| www.422103.com-来投注彩票app| www.4108.vip-云彩厅里有苏州快三| www.38165.cc-彩票断组方法技巧| www.96769.cc-唯彩看球免费直播| www.079610.com-网购彩票江苏快三| www.154286.com-足彩单关历史走势| www.305344.com-体彩店能买双色球么| www.388091.com-骰子彩票网-| www.539328.com-快三豹子以后出什么| www.945259.com-手机新浪爱彩网| 易彩网www.12455w.com| www.jt82.com-3d乐彩首页-| www.919120.com-中国黑彩在菲律宾| 1号彩票www.yi816.com| www.314128.com-中彩网北海3d预测| www.423253.com-体彩超级大乐| www.536527.com-体育彩票的品种| www.605212.com-孕妇梦到买彩票中奖| www.690489.com-…中国足彩网| www.778835.com-3d彩报电脑大花猫| www.863820.com-166彩票注册| www.939225.com-完整足彩比分直播| www.990098.com-3d多彩网图谜| www.za0.cc-快三彩票骗局大揭秘| www.tl08.com-七位体彩开奖号码| www.11qo.com-彩票自带聊天室红包| www.85ki.com-竞彩四串五玩法讲解| www.582608.com-中彩集团-| www.669553.com-时时彩大数定律| www.772926.com-app领取彩金38| www.952914.com-快三预测辅助器| www.999965.com-腾讯十分彩开奖软件| www.al99.cc-旧版够力七星彩奖表| www.ri19.com-快三权威软件| www.51bf.cc-鸿彩网输死了| www.0349.bid-彩票和值的计算方法| www.04892.com-时彩先生-| www.55506.cc-赠送彩金的游戏平台| www.988238.com-掌中彩在线-| www.vr4.cc-华人彩票—官方网站| www.xq13.com-体彩十一选五软件| www.30oj.com-湖北福彩快走势图| www.1337.biz-福利彩票双色球荐号| www.8113.me-巨弘国际彩票| www.33762.cc-吉祥彩票把我删了| www.89034.com-娱乐游戏首存送彩金| www.058220.com-五分快彩票-| www.216887.com-22彩票ios版| www.299385.com-快彩快3助手| www.377188.com-腾讯时时彩开奖数据| www.569396.com-彩票免费赠送彩金| www.671022.com-彩宝贝定3和尾排3| www.755280.com-中彩网怎么买彩票呢| www.862877.com-今晚七乐彩开奖查询| www.922922.cc-玩体彩能赚钱吗| www.976315.com-郑州市内彩礼| www.989.me-大公鸡七星彩奖图| www.5836.xyz-深圳彩票黑客案判了| www.13658.cc-福彩走是图-| www.58797.cc-彩票官方网有哪些| www.037400.com-彩克星-| www.128242.com-亿彩彩票平台登录| www.207588.com-彩票工具-| www.366765.com-海口市福彩管理中心| www.532670.com-体彩七星彩怎样中奖| www.699965.com-竞彩足球计算机| www.777767.com-鼓励买彩票的图片| 澳客网www.okw4.com| www.254769.com-好彩网能赚钱吗| www.363005.com-彩虹桥电影-| www.486046.com-大发彩票是合法的吗| www.565608.com-体彩店怎么申请退款| www.636566.com-彩虹六号小车| www.821883.com-七星彩30期走势图| www.890775.com-湖北快三1000期| www.959439.com-战狼团队彩票计划| 发彩www.50732r.com| www.cz72.com-快三跨1是什么意思| www.tx03.com-彩票屠龙计划客户端| www.04gu.com-933彩票下载安装| www.72vu.com-足彩的的跟单下载| www.1123.gg-竞彩交流-| www.702929.com-竞彩足球预测彩客网| www.811017.com-彩票头奖是什么| www.885834.com-周杰伦彩虹歌词含义| 九五彩票www.95555w.com| www.el07.com-广西快三组合| www.vo29.com-专业玩彩个人| www.06ld.com-冀彩宝站主-| www.71kq.com-杭州恒彩装饰官网| www.0899.win-足彩哪个app好| www.9509.in-今日运势一彩票| www.50104.com-彩神通关注金码和尾| www.93689.cc-体育彩票3d推荐号| www.051002.com-香港高频快三娱乐| www.151014.com-三d开奖结果彩助手| www.00jt.com-合乐彩票怎么样| www.028.top-45秒彩票漏洞| www.5106.vip-天津体育彩票摇奖| www.04187.com-彩票怎么电话投注| www.45196.com-无锡彩票店营业时间| www.87055.com-尼彩手机游戏| www.035238.com-青岛快三开奖走势图| www.182686.com-中国快三第一门户| www.823696.com-中国彩王-| www.02js.com-福利彩票134期| www.692810.com-鸿博彩票登录网址| www.769190.com-好彩门户爆特网| www.884986.com-亿彩堂官网-| www.964062.com-彩票分析师职业| 云博彩票www.39118.cc| www.157985.com-带你买彩票-| www.293592.com-南京福彩-| www.377390.com-彩票咋买-| www.509610.com-什么什么重彩| www.573911.com-779彩票安卓下载| www.637536.com-上海体彩站点电话| www.739406.com-时时彩合买大厅网址| www.807224.com-温州体彩店转让| www.876232.com-安卓版约彩365| www.961894.com-买彩票下载哪个| 千百万彩票www.qbwc4.com| www.bp97.com-乐彩网破解版| www.rm16.com-重庆时时彩为啥停了| www.316375.com-22彩票app下载| www.412896.com-篮彩预测专家| www.529246.com-七乐彩杀15码| www.637696.com-彩虹六号免费加速器|