头像

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

来源:http://www.halfwayacrossthepond.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.halfwayacrossthepond.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
588彩票提现 www.973874.com-买彩票倍投什么意思| 多媒体信息发布系统_56i大乐透彩票字谜q数字标牌软件官网| www.1283.pw-网易彩票网电脑版| www.18003.com-彩票赔率怎么算| www.61250.com-105时时彩app| www.085670.com-重庆时时彩倒闭了| www.165837.com-芜湖福彩兑奖中心| www.278036.com-安徽快三是违法的吗| www.377073.com-彩票将试机号| www.507867.com-www9万彩票| www.588877.cc-七星彩几点开奖几点| www.670537.com-名彩论坛专家| www.757211.com-选三型彩票-| www.885136.com-三d体彩试机号| www.971497.com-彩88彩票专家| www.cp7375.com-快三导师真的假的| www.pw35.com-彩票里面的砍龙| www.10sl.com-彩票的积极作用| www.90hk.com-博彩怎么做网络推广| www.3100.top-咸阳市体彩中心电话| www.9219.biz-e乐彩输钱-| www.72007.com-互联网彩票团彩| www.039960.com-内苎古快三势图| www.133467.com-皇都彩票用户登录| www.219647.com-福建快三推荐一定牛| www.299028.com-中福彩票登录| www.378396.com-七彩国际旅行社| www.539946.com-时时彩前三跨度技巧| www.633028.com-成都七彩田野好玩吗| www.713009.com-大众商家彩票新快三| www.796424.com-猜谜语动物的彩票| www.876139.com-时时采彩开奖记录| www.982753.com-567彩票安卓| www.oe7.com-双彩论坛17500| www.rv83.com-中国彩票官网代理| www.15hq.com-全民赢彩票提现| www.126.in-大发快3是私家彩| www.4110.cc-够力七星彩开奖通知| www.9953.com-彩礼退还-| www.007780.com-福彩每周几开奖时间| www.084896.com-体彩打票机的教程| www.155483.com-上海快三群-| www.269726.com-98098i彩票网| www.361815.com-中国体彩票开奖| www.458418.com-四个数买哪种彩票| www.552354.com-中国体育彩票平台| www.662003.com-竞彩2串1中奖故事| www.756405.com-盛兴彩票4848| www.851250.com-时时彩投注单笔3万| www.922809.com-彩票店转让是否合法| www.983542.com-基诺型彩票的算法| www.dq46.com-五省快三最大遗漏| www.wj07.com-平台购彩app下载| www.16tz.com-3d双彩论坛图迷| www.551.tv-时时彩下分版下载| www.4635.cm-体彩店能买福彩吗| www.01664.com-世界杯买足彩在哪里| www.69602.com-久久彩票网址| www.030861.com-彩c61-| www.109390.com-金利彩票是怎么回事| www.182148.com-皇都彩票真的吗| www.256275.com-中国快三网是哪的| www.332315.com-体彩转让案例| www.410046.com-体彩飞鱼技巧| www.515901.com-多彩网彩票| www.588868.com-3d辽宁省彩王| www.663990.com-时事彩五星公式| www.738870.com-彩球彩票-| www.811120.com-九州彩票平台正规吗| www.885978.com-体育彩票哪个app| www.bs58.com-新快三怎么玩稳赚| www.tq44.com-福利彩票彩票站转让| www.04da.com-111彩票安卓下载| www.73wi.com-极速高频彩-| www.269632.com-欧洲彩票中奖排行| www.cai0033.com北京快3开奖爱彩乐| www.27812.cc-网络快三怎么骗人| www.493496.com-私彩投注平台| www.568512.com-体彩乐彩分解断组| www.639070.com-体育彩票设备| www.764686.com-778彩票下载| www.852456.com-时时彩为什么这么假| www.920255.com-福彩三d组六魔图| www.978461.com-爱米彩票app下载| www.di51.com-青海快三今天推荐号| www.uy24.com-彩票选号技巧6减2| www.07hg.com-体彩金孔雀返奖模式| www.76sh.com-宁夏快三破解| www.1481.net-下载个234彩票| www.10165.com-最大彩票投注平台| www.52904.com-港版好彩多少钱一包| www.95959.cc-足彩技术分析| www.057057.cc-彩票系统开发定制| www.168189.com-彩票快3怎么玩稳赚| www.254041.com-足彩加app官网| www.323444.com-江苏福彩快3下载| www.390718.com-时时彩8码技巧| www.531082.com-手绘兰花彩铅画图片| www.613691.com-福彩欢乐声肖| www.680164.com-盈易福彩受骗| www.753569.com-s9彩票-| www.860496.com-快三选号计算器| www.922695.com-彩票点-| www.977349.com-河南省彩礼价格| www.mg50.com-爱乐彩票app| www.i74.org-大彩触屏-| www.36wp.com-彩703彩票-| www.0226.wang-众乐彩提现多久到账| www.6440.com-福利彩票三d四季号| www.15133.cc-大发时时彩开奖网站| www.55286.cc-玩时时彩用概率赚钱| www.96620.com-彩票有意思-| www.056536.com-合肥福利彩票店转让| www.176786.com-新快三街机游戏| www.243033.com-彩票是合法的吗| www.312532.com-热购彩票投注| www.377992.com-体彩装修补贴标准| www.527599.com-时时彩和尾跨度表| www.607760.com-韩国彩毒效果好吗| www.673241.com-七星彩能中多少| www.742929.com-竞彩足球怎么玩稳赚| www.808532.com-海口彩票网彩版下载| www.877159.com-福彩三地家彩开奖网| www.984016.com-99彩票信誉怎么样| www.ak0.com-快三胆拖投注方式| www.mq89.com-旺彩3d下载-| www.u53.cc-买彩票输钱的案件| www.45da.com-彩图诗句白小姐祺袍| www.365.red-七星彩彩民论坛首页| www.3558.bid-彩票论坛3d-| www.8668.top-体彩p3杀码天齐网| www.62636.cc-篮球彩票竞猜| www.017740.com-二元3d彩票-| www.079499.com-518彩票网登陆| www.134815.com-好彩蓝莓爆多少钱| www.202511.com-彩票平台制作排行榜| www.267792.com-彩神争vll-| www.383996.com-88彩票网是真是假| www.498455.com-5k彩票客服登录| www.561672.com-彩票图怎么看性别| www.622212.com-预测准的彩票| www.682619.com-足彩公众号排名| www.755671.com-彩票10分钟开奖| www.875479.com-c45彩票下载| www.949092.com-彩皇网917500| www.992196.com-福彩小黄人代理| www.cp471.com-安徽快三万能走| www.jc24.com-爰彩乐-| www.xy53.com-澳发彩票一手机版| www.12yj.com-c彩16网址-| www.72oe.com-蓝精灵彩报今天图b| www.0444.org-彩票大乐透号码算法| www.9037.biz-020彩票app-| www.37333.com-酷彩客户端-| www.75557.com-甘肃快三走势图昨天| www.019395.com-uu彩票官方网| www.079827.com-飞鱼彩票大小怎么玩| www.132046.com-娘家说帮存彩礼钱| www.196026.com-七乐彩开奖结果今天| www.258622.com-体育竞猜彩票| www.318443.com-特区微彩排列| www.375198.com-福彩网私彩-| www.567124.com-中彩网论坛社区| www.624558.com-福彩双色球31号|