头像

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

来源:http://www.bjbrkh.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.bjbrkh.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.347258.com-网上买私彩如何处罚| www.852878.com-国外国彩票中奖号码| www.965508.com-福彩9+1多少钱| www.bk77.com-浙江体彩11选五| www.xx45.com-彩票停售-| www.by21.com-彩票专业术语有哪些| www.027741.com-大佬彩票-| www.1715.net-网上买彩-| www.111534.com-顶尖彩票平台合法吗| www.029209.com-安徽快三技巧公式| www.469099.com-时时彩个位是第几位| www.538569.com-淼鑫彩票网站| www.163615.com-巨彩app-| www.gs7.com-安徽快三计划网| www.552017.com-福利彩票礼拜几开奖| www.771371.com-彩虹6号怎么玩| www.881730.com-彩票软件定制价格| www.961826.com-火箭彩票站-| www.gc22.cc-国彩平台-| www.71349.com-天禧彩票-| www.98524.cc-两分时时彩有假吗| www.678514.com-28彩票app骗人| www.637891.com-竞彩公益金-| www.801601.com-台湾五分彩登录平台| www.939721.com-彩票代玩群-| www.d21.top-彩票开奖三d| www.23591.com-坚持三年买彩票| www.133861.com-好彩1开奖走势| www.321751.com-大数据买彩票| www.5393.cm-荷花彩铅画教程图解| www.42590.com-搜狗彩票平台网址| www.587478.com-快乐彩票下载软件| www.683182.com-中国红彩网-| www.809284.com-彩票几率有多低| www.891795.com-晓风彩票官网| www.958108.com-体彩开什么号| 全民汇彩票www.52303r.com| www.969619.com-下载app欢乐彩| www.rn2.cc-最新彩民乐-| www.63016.com-彩宝cb8app-| www.350918.com-彩票现在还有人买吗| www.483886.com-天下彩富网-| www.302653.com-腾讯分分彩提前获取| www.975045.com-如何下载彩票走势图| www.711361.com-2元彩票中100万| www.609320.com-买分分彩的技巧| www.025934.com-快三投注计算器| www.db03.com-人人彩票是合法的吗| www.35800.com-乐发彩票下载软件| www.g88.net-彩店宝彩票老版本| www.090727.com-江苏快三2码遗漏| www.33149.com-体育彩票出什么| www.82324.com-彩票表格模板| www.791946.com-竞彩有漏洞吗| www.875657.com-湖北福彩网申请| www.974130.com-福利彩票猜大小单双| www.13uf.com-好彩门戶开奖结果| www.008628.com-彩票投注接口| www.75nr.com-足彩2场单场固定| www.2485.xyz-彩39彩票苹果版| www.8857.vip-美狮彩票计划| www.96227.com-福利彩票多少位数| www.833349.com-安装全民足彩彩票| www.212955.com-私彩一天能挣多少钱| www.717810.com-河北快三出奖号码| www.ms22.com-彩票几个数字算中奖| www.6tz.com-赠送他人彩票中奖| www.78em.com-银川彩票659万| www.883916.com-名人彩票手机登录| www.952577.com-96086时彩-| 财神网www.29277j.com| www.280084.com-时时彩网app| www.cai9377.com七星彩50期走势图| www.957096.com-彩票挂机软件安全吗| www.4419.cc-南京新快三查询| www.331140.com-财神8彩票网| www.405369.com-彩票真精华布衣| www.503258.com-彩票注册领彩金| www.906921.com-彩票品种大全及图片| www.802818.com-彩8官方网站下载| www.024059.com-中国福刺彩票| www.713102.com-九州博彩娱乐官网| www.792373.com-彩票用手机怎么兑奖| www.882547.com-高频彩正规吗| 大玩家彩票www.84499d.com| www.326508.com-彩票中奖内部秘籍书| www.qn57.com-308彩票下载| www.163311.com-中国福彩排五| www.366879.com-彩铅星空麋鹿图片| www.486414.com-高频彩票追号| www.592610.com-小白彩票手机版官网| www.701759.com-广州福利彩票店加盟| www.801746.com-福彩网官网-| www.925632.com-彩·富网-| 博发网www.789199a.com| www.159801.com-17彩票2018-| www.021862.com-彩吧图谜总汇全图| www.959157.com-下载深圳福彩网| 凤凰Vwww.www.fh7557.com| www.ap77.com-福建快三走势一牛| www.628422.com-华众彩票-| www.756927.com-彩票66犯法吗| www.870801.com-星彩社区3d-| www.22883.com-豹赢彩票合法吗| www.89252.com-qq分分彩怎么玩| www.at36.com-浙江福彩网-| www.35383.cc-福彩体彩假不假| www.273267.com-福彩中心事业编| www.418360.com-龙彩科技集团| www.555540.com-福福建今日快三| www.671772.com-广州中华彩宝| www.603625.com-挂机彩票论坛| www.6263.cm-体彩二十选五奖金| www.744402.com-奥客网足球彩票| www.278365.com-彩票分分钟开奖软件| www.234249.com-快购彩票3安全吗| www.453990.com-皇冠竞彩下载| www.557398.com-晓风彩票程序多少钱| www.649288.com-博发彩app下载| www.784981.com-乐优炫彩网页版| www.494403.com-沈阳铁西彩票站出兑| www.560201.com-彩吧娱乐提现提不了| www.629916.com-3d福彩直播-| www.053727.com-yy彩票揭秘-| www.340830.com-体彩和值尾走势| www.002525.com-怎么买彩票技巧| www.131474.com-2018襄城县彩礼| www.70669.com-欢迎一品彩票网| www.228136.com-黑马致富彩票| www.52767.cc-恒大彩票提不了现| www.217126.com-福彩快三直营| www.192292.com-好彩3奖金查询| www.253577.com-彩之家下载安装| www.65771.cc-福彩太湖一语定胆| www.540070.com-最适合跳快三的歌曲| www.41fv.com-湛江七星彩投注网站| www.535365.com-5位数是啥彩票| www.743933.com-凤翔彩票平台| www.831192.cc-2019胜负彩赛程| www.900894.com-时时彩倍投不怕连挂| www.960109.com-彩票送不送彩金| www.951126.com-天天彩票网下载| www.540838.com-凤凰论坛彩-| www.072151.com-体育彩票坐庄| www.134434.com-好彩香烟哪里买| www.202992.com-神州彩票正规吗| www.265645.com-福彩3d秘籍-| www.318789.com-体彩江西11选五| www.019888.cc-福利彩票时时彩结果| 500彩票www.51515t.com| www.0755.press-香港五分彩有托吗| www.921534.com-足彩胜负彩500w| www.im68.com-310足彩走势图| www.166540.com-广西快三开奖结果| www.215131.com-在线投注快三平台| www.61112.com-彩票强强安卓版下载| www.058613.com-高频彩平台网址| www.142599.com-m5彩票平台注册| www.295641.com-苹果彩-| www.427712.com-福彩3d直选号软件| www.556364.com-彩乐汇网站-| www.622939.com-某人花2元钱买彩票| www.729279.com-北京pk赛车彩票| www.812929.com-手机彩膜图片大全|