头像

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

来源:http://www.shentongtex.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.shentongtex.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.hu84.com-快中彩北京体彩| www.cai569.com-网上快三代理| www.806758.com-七星彩大赢家走势图| www.456438.com-七k彩票网十分彩| www.563695.com-高频彩票赢得概率| www.6639.net-福利彩票任三开奖| www.37237.cc-彩票易中奖下载| www.93658.cc-江苏快三能赢钱吗| www.080314.com-马来西亚褔利樂和彩| www.996804.com-海南海口快三| www.fo38.com-浙江体彩网手机版| www.yp98.com-韩国彩票在哪里买| www.14903.com-彩票资料网址大全| www.86499.cc-体彩大乐透机选号码| www.729338.com-福利彩票怎么选数字| www.833322.com-时时彩专业版破解版| www.903234.com-彩票开奖公告大全| www.977482.com-彩妆代理加盟免费| www.mz77.com-北京快三单双计划| www.6yd.com-做网络彩票-| www.842108.com-体育彩票基金使用| www.542.date-七乐彩输入号码查询| www.394960.com-彩虹岛游侠一转| www.113028.com-福彩刮刮乐字母w| 500彩票网www.65707k.com| www.673789.com-古建和玺彩绘矢量图| www.363731.com-七色彩虹哪几种颜色| www.72833.cc-广西十分彩必赢技巧| www.087049.com-七星彩全部历史记录| www.181598.com-好彩网络骗局| www.114845.com-快三宝典软件下载| www.258071.com-彩票大赢家客户端| www.093053.com-快频彩票犯法吗| www.217552.com-安徽福彩3d走势图| www.322446.com-足彩入门零基础| www.8ek.com-守号中奖彩民心得| www.1556.cm-天彩在线-| www.33131.com-福彩快频彩是什么| www.035886.com-梦想彩票站官网| www.225699.com-福彩宗旨有没有赈灾| www.s87.shop-皇马刮彩票-| www.sh38.com-时时彩0369打法| www.360198.com-七星彩手机直播现场| www.73689.cc-完美二分彩-| www.877537.com-时时彩预测家安卓版| www.17oq.com-张掖市福彩中心| www.683424.com-网易彩票大师下载| www.6754.cc-双色球彩票新闻| www.68177.cc-福彩3d之家电脑版| www.095745.com-福彩有多少种玩法| www.95353.cc-竞彩和外围对冲软件| www.953142.com-今日体彩开奖500| www.kr61.com-快三大小规律| www.150.live-五洲彩票永久网址| www.7981.org-天牛图库综合彩报| www.122410.com-彩世界ios-| www.239423.com-怎么破解私彩网站| www.398155.com-怎么搭建彩票网| www.cp540.com-大发快三很假| www.6913.top-时时彩输的是心态| www.66282.cc-官方老时时彩走势图| www.146422.com-体育彩票是几位数字| www.521633.com-时时彩龙虎如何玩| www.870062.com-江苏快三全天多少期| www.009382.com-123彩下载安装| www.995321.com-九号彩票是否违法| www.632775.com-第七彩资料网| www.799106.com-福利彩票打印机| www.735271.com-b2彩票-| www.os95.com-福彩3d基本走势| www.214599.com-开彩票店赚钱吗| www.555963.com-彩票快乐三-| www.f19.cn-南洋彩今晚开奖号码| www.22957.cc-中彩那天电子课文| www.077448.com-高频彩那种中奖率高| www.877182.com-七乐彩哪里领奖| 500彩票www.392477.com| www.960525.com-彩票中奖3亿| www.10fv.com-999彩票网靠谱吗| www.182930.com-快三是什么软件| www.138988.com-上海彩票集中投注| www.114111.com-3d跨度彩经网| www.999818.com-福彩排列五游戏规则| www.763777.com-商丘足彩高手哥| www.au98.com-快乐彩十分钟| www.72246.com-福利彩票无人售票机| www.7sv.com-婚后买彩票中奖| www.0095.xyz-好的彩票名字| www.8322.com-福彩高频彩下载| www.567156.com-江苏快三盈利计划表| www.335540.com-快三助手安全吗| www.505466.com-新浪足彩票-| www.605888.cc-吉祥彩怎么注册| www.192976.com-派彩电子走势图| www.7654.cm-七星彩中三位多少钱| www.zn72.com-体彩飞鱼直选三口诀| www.4863.cm-加微信推销彩票| www.554315.com-福彩3d术语-| www.679228.com-哪种彩票绑卡送彩金| www.42rc.com-彩票长期趋势| 名门彩www.33997r.com| www.sm26.com-3d多彩网-| www.059348.com-今日湖北快三推荐号| www.fc75.com-彩票开奖查洵结果| www.xw23.com-实体店怎么买彩票| www.34qz.com-彩界胆王-| www.144204.com-时时彩人工计划免费| www.23470.com-瑞彩彩票安卓下载| www.234310.com-彩票的真实性| www.cai2221.com河北快三推荐号码| www.47241.com-广东好彩1app| www.003904.com-福利彩票关闭时间| www.062226.com-万彩网是正规网站吗| www.21798.cc-彩票首存-| www.019368.com-福利彩票双色球字谜| www.202596.com-贵州体育彩兑奖址| www.185838.com-快三输的最惨的人| www.91ah.com-微彩站怎么样| www.5362.xyz-彩铅画风景画图片| www.18513.cc-派彩推荐-| www.000.tv-博彩在泰国合法吗| www.rm91.com-快三骗局怎么举报| www.42yn.com-福彩双色球报清飞| www.9070.cc-头彩app最新版| www.619393.com-彩票条形码破损| www.795552.com-福彩3d综合版| www.433625.com-5分彩计划计划网址| www.57888.cc-网络彩票怎么骗人| www.566892.com-青岛体彩中心在哪里| www.933966.com-时时彩6码必赢| www.083050.com-省份快三网站| www.0047.org-彩票对几位数是中奖| www.8868.onlineexcel彩票过滤| www.56310.com-山东福利彩票手机端| www.003730.com-腾讯分分彩团队计划| www.101162.com-彩狼趋势分析| www.654579.com-星期一开奖的彩票| www.310056.com-延边福彩中心| www.782223.com-如何做彩票数据分析| www.187706.com-时时彩五星大底思路| www.824567.com-玩彩票能发财吗| www.972419.com-娘娘彩铅画-| www.wc91.com-日本彩票开奖查询| www.45wa.com-中博彩票是违法的吗| www.0279.net-彩霸王3d高手论坛| www.496301.com-足球博彩算足球互动| www.560480.com-非凡彩票骗局| www.634252.com-建盏出彩过程| www.696980.com-今日竞彩足球比赛| www.750175.com-我爱彩票平台| www.793867.com-外围彩票都是假的| www.841110.com-利民彩票真的吗| www.892706.com-免费下载彩票软件| www.949197.com-体彩大乐透走势图图| 惠民彩票www.hm6333.com| www.42394.com-玩彩票安桌-| www.157655.com-竞彩加奖是怎么回事| www.242012.com-新2彩票-| www.327892.com-彩票帮投兼职| www.3567.in-免费领彩金棋牌| www.9477.com-中国哪种彩票不骗人| www.tt92.com-万能数字型彩票软件| www.483985.com-黑彩票网站大案| www.571058.com-彩票时放的歌|