头像

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

来源:http://www.yh-opto.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.yh-opto.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
彩票2元 www.389213.com-正规的福利彩票店| www.802508.com-佰万彩票平台| www.922521.com-竞彩培训师报名| www.995645.com-今日足球竞彩单场| www.co88.com-我去彩票站合法吗| www.853558.com-大优彩票平台注册| www.34912.com-山东福彩3d-| www.91124.com-焕彩美容学校| www.657283.com-幸运彩票是什么平台| www.kg92.com-快三投注技巧贴吧| www.23nw.com-韩国金山快三查询| www.3600.la-昨晚七星彩中奖号码| 全民汇彩票www.52303p.com| www.592250.com-四海图库彩看图区图| www.9688.hk-体彩大7刮刮乐| www.lk44.com-爱彩彩票可信吗| www.42rp.com-原彩显示哪里设置| www.0429.me-高频彩稳定盈利模式| www.859418.com-彩票山东十一选五| www.32180.com-支付宝里彩票怎么玩| www.432135.com-彩票收益法律法规| www.537740.com-威尼斯彩色岛有多大| www.16384.com-98c彩票网-| www.275.cm-澳洲彩票lotto| www.7838.me-足彩14场吧-| www.908753.com-福彩彩票大厅| www.cp6161.cc-齐鲁风采七乐彩| www.xx72.com-688彩票软件| www.38661.cc-彩易科思代购| www.013373.com-开心七星彩论坛交流| www.119769.com-河北福彩兑奖中心| www.ip23.com-500网彩票首页| www.1xp.com-手机彩膜diy| www.068783.com-快三的歌曲有哪些| www.316182.com-线下体彩店app| 亚洲彩www.68568g.com| www.jo75.com-蜂鸟团队彩票| www.218055.com-易彩娱乐下载安装| www.807815.com-竞彩足球今日赛事| www.964207.com-彩票追加与加倍| www.zg34.com-福利彩票三d走试| www.6118.com-什么是马彩-| www.8181.cn-103彩票网-| www.44hn.com-足彩n串m怎么算| www.4616.xyz-为何买彩票总不中| www.704570.com-万家彩票网封了| www.855653.com-清各种釉彩大瓶| www.aj65.com-特区彩票论坛| www.112549.com-彩票平台代理返点高| www.428198.com-福彩三g开奖| www.44603.com-加入购彩团队安全吗| www.733186.com-江苏体彩大乐透号码| www.83hp.com-新浪福彩微投平台| www.008357.com-胜负彩19006期| www.151857.com-分分彩官方网站| www.128719.com-福彩刮刮乐音频下载| www.288226.com-怎么才能看懂彩票| www.739311.com-七星彩智能选号器| www.818337.com-搜狐体彩-| www.891900.com-每日彩票app| www.959003.com-231彩票-| 福彩www.16878y.com| www.586330.com-彩票机器好退吗| www.741249.com-福彩北京幸运28| www.866422.com-福彩3d共多少组号| www.73oz.com-彩票分析助手| www.501268.com-下载迷彩虎军事| www.578312.com-兰州体彩兑奖地址| www.656293.com-大发彩票下载官网| www.761290.com-广东手机彩票网| www.894815.com-助赢彩票软件| www.988222.com-保定体彩电话| www.78187.com-幸运彩票能赚钱吗| www.29653.cc-金手指3d彩票预测| www.058336.com-彩胜团队计划| www.cp8116.com-易彩快三开奖号码| www.72mu.com-新淘彩官方网站| www.18865.cc-998彩票游戏| www.126066.com-手机购彩客户端下载| www.232239.com-时时彩组选包胆介绍| www.88585.cc-做梦梦到中彩票了| www.09366.com-105彩票网下载| www.045615.com-彩票对冲平台| www.177699.com-快三助手最新| www.061035.com-彩票带个什么副业好| www.236996.com-浙江体彩中心| www.881659.com-好运彩彩票是骗局吗| www.057563.com-派彩网快三-| www.895902.com-欧洲彩票开奖结果| www.997248.com-江苏利彩快三| www.jm45.com-广东快三自己控制| www.20oa.com-开户送28彩全| www.pf.cc-福彩快三是赌博吗| www.316210.com-旺彩31-| www.397542.com-体彩排三正版天庚| www.763223.com-福建体彩官网首页| www.858034.com-深圳风彩票开奖查询| www.933296.com-老9乐购彩票app| www.985408.com-足彩猜胜负中奖规则| www.ml5.cc-分分快三在线计划| www.16666.com-最新竞彩足球网站| www.4nt.com-人彩网-| www.836767.com-727彩票-| www.303612.com-福彩乐透乐论坛首页| www.tt79.cc-彩票合买大厅网址| www.781.cn-微彩点播苹果版| www.957602.com-9彩新一代团队计划| www.76ab.com-线上投彩是合法的吗| www.2409.top-彩票3d2码软件| www.33251.com-体彩排列三字谜图| www.n55.biz-世界彩票最大奖| www.315432.com-七彩国际影城| www.72xu.com-彩世界a700-| www.95sz.com-爱投网与口袋彩店| www.3383.net-米来了app竞彩| www.8498.cc-博彩seo-| www.16ej.com-a彩娱乐登录注册| www.847281.com-足彩哪里买好点| www.934319.com-智博微彩城网址下载| www.996940.com-快3遗漏內蒙爱彩| www.ea58.com-福利彩票幸运农场| www.a48.pw-快三职业彩民| www.959837.com-体彩亿元大奖一览表| www.io0.cc-内蒙古福利彩票查询| www.633145.com-m5彩票招商代理| www.750968.com-彩店宝彩票下载安装| www.818396.com-大彩-| www.977074.com-彩礼不能超过两万| www.uw19.com-购彩大厅uu直播| www.h16.org-网易彩票比分直播| www.622779.com-福彩3d双胆软件| www.488391.com-中置福彩无人售票机| www.638769.com-福彩大赢家宗旨| www.727530.com-福彩双色球中奖| www.828351.com-龙之彩彩票开户| www.916004.com-重庆时时彩彩注册| 网易彩票www.9356q.com| www.hj34.com-福彩选号王过滤器| www.862302.cc-体彩奖结果排列5| www.621971.com-天天大奖彩票站| www.098707.com-福彩3d和值推荐| www.896666.com-彩票黑科技-| www.341858.com-诺亚彩票账号注册| www.568618.com-阿狸彩票登陆| www.oq03.com-温州福彩投注站申请| www.418517.com-中博彩票平台贴吧| www.91618.cc-台湾好彩香烟| www.091666.com-信博彩票是骗局揭秘| www.76211.cc-温州福利彩票总站| www.mp65.com-正规彩票送彩金| www.685169.com-重庆时时彩赌软件| www.63048.cc-158彩票官方网站| www.94xe.com-宏达彩票网-| www.678462.com-金誉彩票-| www.89461.com-金华福彩申请| www.06aq.com-水彩颜料用什么洗| www.36416.com-澳门有几家博彩公司| www.335277.com-湖南省福彩中心地图| www.73rg.com-彩乐园官网-| www.44575.com-中彩网靠谱么| www.306.live-机选5注彩票| www.5743.top-体彩选号规则| www.13481.com-足彩投注风向标| www.51137.com-和值跨度快三|