头像

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

来源:http://www.landaowang.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.landaowang.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.623458.com-足彩胜负彩霸主软件| www.771474.com-保时捷彩票官方网站| www.901883.com-彩31彩票网址| www.970501.com-腾讯分分彩技巧| www.ee50.com-大发云彩票平台| www.yb86.com-爱彩乐算什么彩票| www.30wj.com-彩虹岛手游叫什么| www.2438.vip-彩虹六号围攻女角色| www.9008.online卖彩票犯法吗| www.58759.cc-福彩的积分卡| www.025684.com-福彩3d专家詹天佑| www.111184.com-十分彩票-| www.189469.com-广西体彩-| www.270012.com-彩票所有应用大全| www.397043.com-红彩彩票平台| www.528833.com-歌词里最美的彩虹| www.622300.com-3d彩报时报总会| www.704426.com-彩票336网页版| www.789918.com-广西快三和值规律| www.872541.com-uu彩票购彩大厅| www.980914.com-旺旺彩票app下载| www.rh2.com-幸运彩票app| www.th66.cc-彩票缩水专家手机版| www.11bq.com-彩铅风景画视频教程| www.86jw.com-必发彩票bf-| www.2607.wang-彩生活e师傅app| www.8745.vip-明发彩票骗局| www.72484.com-福彩开奖杳绚| www.041696.com-18年3d彩票谜语| www.132312.com-河南的彩礼害死人| www.217548.com-分分彩稳赚技巧| www.297778.com-彩票500够彩大厅| www.372379.com-江西快三吧-| www.480031.com-彩吧论坛一句定三码| www.566531.com-和彩放题买一赠一| www.643377.com-江苏快三有规律么| www.799898.com-彩票查询排列三| www.877851.com-彩福彩票5分快3| www.971182.com-网上销售彩票新规| www.cp425.com-凤凰私彩彩票官网| www.mx97.com-安徽快三3同号| www.8kr.com-足彩六场半全场胜负| www.72vm.com-福彩游戏跟单项目| www.1704.org-福彩缩水过滤工具| www.00588.cc-乐彩网彩搜网| www.59294.com-福彩站背景墙| www.021772.com-彩吧图谜3d全图| www.099691.com-炫乐彩票五年实力| www.172353.com-喜乐彩开奖号码信息| www.285853.com-我的彩票-| www.373403.com-鼎盛彩票团队| www.502216.com-彩票打水套利| www.578327.com-福利彩票足球竞猜| www.655603.com-七星彩结果开出| www.822993.com-老凤凰彩票登录平台| www.900238.com-生成彩票程序软件| www.968720.com-七星彩走势图星期天| www.na6.com-分分快三稳定版| www.qt28.com-福利彩票大奖组时期| www.08jc.com-七星彩规律拆奖图规| www.81vr.com-彩票研究计算方法| www.1972.shop-体彩481任二全包| www.7895.cc-看看福彩3d走势图| www.29120.com-河北彩票兑奖中心| www.76617.com-玩彩票大平台wcp| www.027995.com-网易彩票免费下载| www.105563.com-时时彩助手手机版| www.176975.com-三分快三投注技巧| www.254392.com-彩票女-| www.331064.com-国际彩票棋牌| www.406385.com-成都结婚彩礼多少| www.515499.com-彩票离婚案-| www.587932.com-乐彩vip有几个| www.663686.com-博盈彩票官方网站| www.737883.com-天天空彩票| www.811688.com-三地双彩论坛| www.884833.com-至尊争霸彩票安全吗| www.bp23.com-内蒙快三牛-| www.ss85.com-上彩票app下载| www.05el.com-彩铅线描动物图片| www.65gi.com-福彩演播室答题答案| www.0584.cm-福彩小军四版| www.9506.shop-彩票怕实名制| www.60827.com-内蒙古彩票重奖查询| www.026256.com-彩票站违法-| www.100026.com-百宝彩青海快3| www.162395.com-足彩86-| www.268869.com-go彩票违法吗| www.357633.com-彩票是内部人中的吗| www.441210.com-体育彩票注销| www.530297.com-时时彩二星四码| www.632635.com-七彩视界账号注销| www.701103.com-彩票通下载-| www.775669.com-中堂彩今晚开什么| www.878796.com-竞彩双平什么意思| www.950276.com-3d合值振幅彩宝贝| 大福彩票www.df39.com| www.ax32.com-体育彩票大乐透奖池| www.rx61.com-有安徽快三的台子| www.17jg.com-我在洪荒买彩票下载| www.97ee.cc-彩排的彩的意思| www.2785.cc-彩票甘肃十一选五| www.8082.hk-彩票三个骰子叫什么| www.25819.com-中国体彩11选5| www.66203.com-乐彩vip无法提现| www.062693.com-河内一分彩开奖号码| www.138313.com-新强时时彩开奖号| www.211586.com-福彩12选5走势图| www.278353.com-河北快三百位走势图| www.379399.com-买彩票书-| www.496769.com-北京pk10彩票| www.566062.com-怎样买彩票能中大奖| www.630332.com-福彩常根版-| www.693635.com-竟彩分析-| www.763529.com-江苏快三玩法介绍| www.881920.com-福利彩票玩法介绍| www.952441.com-k彩富民测速| www.990888.com-凤凰tt快三-| www.cp2424.com-快三怎么才算中奖| www.la02.com-福彩28下载-| www.a37.xyz-吉林快三跨服| www.23dr.com-南充市福彩中心地址| www.818.in-中彩网彩票专家| www.4275.xyz-三彩的衣服质量好吗| www.9502.vip-彩票大数定律例题| www.92839.com-立彩预测中奖助手| www.044623.com-足彩连中胜平负| www.131207.com-河南结婚多少彩礼| www.198321.com-1青海快三-| www.262926.com-福彩3d晚秋和值谜| www.362980.com-彩票到底真假| www.439917.com-讧苏快三开奖号码| www.523331.com-天天福彩手机客户端| www.621053.com-玩红旗彩票合法吗| www.682509.com-彩票公益金使用范围| www.753228.com-9d彩票正规吗| www.855320.com-彩票可以投注平台| www.910933.com-七星彩票-| www.967832.com-百合网上很多玩彩票| www.bn61.com-至尊快三是骗局么| www.sf01.com-高频彩票设计的原理| www.05rt.com-彩铅画人物背景| www.66ud.com-拉菲时时彩2| www.0155.org-有彩色-| www.7415.top-中差色彩构成图片| www.18922.com-福彩3d开奖软件| www.55759.cc-彩票七星彩开奖| www.94791.com-彩鲸快3助手| www.040926.com-华夏彩手机app| www.157667.com-竞彩足彩必胜公式| www.234105.com-银川体彩中心地址| www.299220.com-长春市体彩中心| www.362404.com-描写彩虹的看图写话| www.435835.com-竞彩店微信交易| www.518311.com-浙江福彩网站| www.577345.com-福彩三d速查表| www.636049.com-500彩票ios-| www.774715.com-七乐彩规则怎么玩| www.853989.com-体育彩票竞猜怎么打| www.908008.com-腾讯1分彩开奖结果| www.963798.com-手机上玩彩票输了| 梦想彩票站www.43131y.com| www.cj04.com-大发快三怎么能赢钱| www.rl83.com-吉林快三和值预测|