头像

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

来源:http://www.sckym.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.sckym.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
pk10论坛 www.389679.com-福彩万彩8-| www.535936.com-彩票对几位数是中奖| www.03vq.com-用彩铅画动漫少女| www.ju81.cc-乐猫彩票客服电话| www.732697.com-快三和值18计划| www.926444.com-手机哪里买彩票安全| www.il97.com-九州彩票所有软件| www.69gx.com-福乐彩是干嘛的| www.64655.com-足彩大小球对冲套利| www.288220.com-时时彩高手-| 亿彩堂www.87668w.com| www.915811.com-福彩押金-| www.ip2.com-肖立刚快三技巧| www.13sr.com-体彩大乐透在线选号| www.762173.com-竞彩平台14场| www.997775.com-开心网七星彩论芸| www.982710.com-广东好彩一预测推荐| www.us79.com-重庆时时彩技巧| www.680822.com-彩票网站提现冻结| www.930276.com-众博彩票99zdc| www.et12.com-查一下上海快三跨度| www.959460.com-时时彩5分钟计划| www.055884.com-分分快三有没有技巧| www.283195.com-彩票中奖内部秘密| www.021566.com-优游时时彩登陆| www.104041.com-竞彩篮球开奖公告| www.133934.com-福彩36选7好彩3| www.dq46.com-五省快三最大遗漏| www.v51.net-天下好彩网-| www.393322.com-全民彩票代理邀请码| www.52688.com-好彩60123网站| www.673242.com-七星彩中奖如何领取| www.783993.com-彩99下载wz-| www.061083.com-我去彩票站提款| www.4355.cn-陇南市体彩中心地址| www.yz78.com-云南快三走势图| www.647168.com-足彩14场中奖技巧| www.40rx.com-新大陆彩票计划| www.58635.com-牛材网彩票指南报| www.111451.com-彩票团队计划高手| www.35026.com-金彩网怎么进不去| www.701396.com-淘彩票注册官网| www.967441.com-云南福彩3d高手群| www.jt5.com-河南快三3012| www.000457.com-时时彩盈利25万| www.71qs.com-彩票几点开奖大乐透| www.ux35.com-时时彩的投注技巧| www.833183.com-七六c彩票-| www.949851.com-大彩网660665| 优点彩票www.137101.com| www.866291.com-搜狐彩票双色球预测| www.848504.com-二分时时彩下载| www.567186.com-657彩票下载| www.824130.com-三彩进货几折| www.385180.com-盈盈彩票平台| www.668636.com-568彩票下载安装| www.750563.com-中彩在线多人玩么| www.952517.com-幸运彩票的网站| www.370868.com-时时彩组三软件| www.286372.com-鬼六一句定三码福彩| www.403210.com-七星彩前四计划| www.531396.com-算卦算彩票-| www.611060.com-彩38官方网站网址| www.686566.com-彩500网址-| www.766720.com-人人快三真假| www.836115.com-彩票大奖排行榜| www.909093.com-彩吧3d第三版| www.968340.com-江西省体彩官网| 网易彩票www.332907.com| www.635681.com-合装彩虹糖-| www.887245.com-天天购彩网骗局揭秘| 易彩网www.36166j.com| www.198589.com-老彩民大发快三| www.114223.com-澳客彩票网app| www.208639.com-江苏快三助手下| www.20ga.com-足彩19-| www.781.website正版彩民必备资料| www.348945.com-合肥开彩票店多少钱| www.028475.com-体彩排列三四码遗漏| www.008525.com-好赢国际彩票网站| www.06ez.com-彩铅满天星手绘图片| www.191788.com-人人中彩票网创始人| www.313561.com-好彩票苹果下载软件| www.399787.com-南国七星彩沦坛| www.80410.com-福彩双色球选号网| www.107811.com-福彩端下载-| www.434889.com-天天好彩十二生肖表| www.1mg.com-乐彩首页17500| www.050783.com-亚洲合法彩票平台| www.200223.com-手机福彩网-| www.274944.com-如何找到时时彩漏洞| www.967474.com-彩尊app下载| www.902255.com-合买彩票怎么买| www.339687.com-彩名堂类似-| www.507246.com-鸿彩主播火火图片| www.590963.com-东北女方结婚彩礼钱| www.679162.com-河内五分彩机器人| www.772839.com-成都福彩中心地址| www.858201.com-体彩和赌博的区别| www.944966.com-248彩票苹果| www.045608.com-81彩-| www.717896.com-87彩店竞彩下载| www.021504.com-7k官方彩票平台| www.743904.com-华人彩注册-| www.862278.com-k彩手机版下载安装| www.034567.cc-nba体彩竞猜| www.7826.top-竞彩口诀-| www.740034.com-时时彩走势技巧分析| www.878624.com-体彩组三玩法| www.905129.com-网络彩票是真是假| www.218622.com-内蒙古快三技巧规律| www.358403.com-领头羊时时彩官网| www.92ds.com-网络投彩哪些是公彩| www.885853.com-彩虹的约定歌词| www.21793.cc-注册首存彩金| www.002377.com-北京体彩联系电话| www.079111.com-7乐彩胆拖兑奖表| www.fw62.com-彩票托有真爱吗| www.110903.com-生日号买彩票| www.249944.com-潮信彩票端-| www.319252.com-海南七星彩大奖软件| www.373285.com-伯乐彩票平台| www.458318.com-梦到体彩没中| www.58891.com-哪种彩票有漏洞| www.042577.com-合买彩票广告用语| www.970264.com-福彩61开奖规则| www.hh9.cc-福彩快三群-| www.070985.com-约彩彩票不能用了| www.026862.com-彩90彩票-| www.231175.com-百胜快三app| www.814203.com-江苏快三遗漏爱彩| www.313000.com-038彩票谁开发的| www.603109.com-为什么彩虹6号禁播| www.695536.com-鸿鑫福彩是骗局吗| www.778790.com-速彩通app-| www.884142.com-盛彩下载-| 超级彩票www.901025.com| www.4821.top-彩票今日中彩网| www.43xt.com-添红挂彩意思| www.436883.com-318注册彩金| www.527524.com-香港好彩网资料大全| www.723212.com-彩票开奖三地关注码| www.11sr.com-彩色的翅膀教学设计| www.70az.com-彩汪汪彩票大乐透| www.0511.love-体彩今晚出的开奖号| www.183771.com-河北快三技巧| www.126493.com-18167期胜负彩| www.e01.net-足彩8串1错二场| www.898.live-在哪买nba篮彩| www.16525.cc-五分时时彩基本走势| www.84897.com-佩奇彩票网快三| www.699306.com-足彩猜比分-| www.640565.com-爱彩人ios下载| www.756127.com-白银福利彩票站点| www.954137.com-有什么好的彩票软件| www.hh64.com-中中彩票下载安装| www.696.pw-福体彩票开奖号码| www.731032.com-快易彩首页-| www.255966.com-彩票店主吃票| www.409742.com-今天福彩3d彩报图| www.4290.xyz-福彩乐透乐博彩论坛| www.908112.com-七乐彩经典杀号公式| www.000986.com-北京竞彩网258| www.195962.com-福彩快三怎么能稳赚|