头像

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

来源:http://www.hklipin.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.hklipin.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.532512.com-临沂体彩管理中心| www.650540.com-彩虹伞的玩法教案| www.774410.com-彩漫母穴后篇71| www.865204.com-大奖网彩票官方网站| www.944843.com-三分钟彩票-| 乐趣彩www.lqc4.com| www.es72.com-中彩网快三下载安装| www.yu27.com-釉上彩有毒吗| www.27te.com-彩票刮刮乐是陷阱| www.0815.xyz-竞猜足彩停售| www.7596.biz-体彩名片设置| www.28112.com-天宁系列图3d福彩| www.77016.com-微彩出款不了| www.033076.com-559彩票app-| www.117232.com-体彩官网首页电脑版| www.195868.com-彩票开奖查询公告i| www.278312.com-q彩分分快三| www.494020.com-腾讯二分彩开奖结果| www.571400.cc-快三四码红什么意思| www.654438.com-景德镇福彩中心在哪| www.766545.com-彩票站竞猜靠谱吗| www.848928.com-彩世界家园-| www.908856.com-江苏福体彩-| www.967903.com-有彩票群吗-| www.in91.com-七乐彩现场摇奖直播| www.d98.cc-全民彩票官方| www.41qz.com-彩吧彩报第三扳| www.687.space-富华彩票平台正规吗| www.4888.live-668彩票怎么样| www.06138.cc-乐八彩app-| www.52353.com-好彩网怎么玩| www.99392.cc-500购彩网安全吗| www.067616.com-体彩app开发| www.134838.com-9号彩票登录| www.217300.com-彩票指南报-| www.290000.com-彩票16安卓-| www.363160.com-福彩3d三字诀字谜| www.455649.com-区块链彩票深圳福彩| www.547357.cc-刷彩赚佣金客服| www.793377.com-体育彩票算赌博么| www.872072.com-东涛体育彩票| www.962284.com-福彩3d十位杀号| 彩678www.c67801.com| www.hw28.com-体育彩票管理中心| www.xk87.com-鑫彩彩票平台| www.16wx.com-彩票运行原理| www.0987.vip-王者彩票下载安装| www.7752.pw-足彩胜负走势图| www.27223.com-500购彩主页| www.72251.com-彩票自助售卖机价格| www.058208.com-国家福彩五分快三| www.137452.com-彩票1990返点| www.215104.com-彩票平台代理| www.287571.com-yy彩票官网-| www.390705.com-怎样注册彩票帐号| www.513010.com-化彩社区交流大厅| www.584177.com-51中彩彩票安全吗| www.657187.com-福利彩票公司| www.761605.com-河南体育彩票玩法| www.847321.com-足球竞彩预测网站| www.912078.com-快三数链-| www.973016.com-百胜快三合法吗| www.ei14.com-福彩6十1走势图| www.vo85.com-江苏快三走势图预测| www.11eo.com-天下彩票的骗局| www.81qd.com-竞彩网比分直播即时| www.1763.net-彩票平台套利合法吗| www.01312.com-竞彩足球胜负平计算| www.55067.com-恒彩彩票下载安装| www.99687.cc-比利时分分彩走势图| www.067213.com-谁有时时彩的平台| www.132060.com-彩礼超-| www.206278.com-乐点大发彩票| www.276195.com-500彩票网3g版| www.406162.com-风雨彩虹-| www.508569.com-七星彩中吉号有奖| www.577276.com-甜蜜蜜彩票糖果| www.650157.com-带玩彩票软件| www.767316.com-福彩三d全部藏机图| www.854413.com-下载体彩app送| www.915060.com-九鼎彩票快三| www.972855.cc-彩客网手机-| www.zs.com-银川福彩3d-| www.mw78.com-彩经网走势-| www.y42.biz-财神8彩票计划网| www.50oi.com-福彩在线缩水彩经网| www.643.date-圣地彩投注网| www.4096.biz-无人机彩虹-| www.9119.top-彩霸王彩图纸| www.66353.cc-彩票正版藏机图今日| www.024057.com-台湾五分彩开奖号码| www.093303.com-中彩网北京pk10| www.157172.com-易彩堂诈骗-| www.257625.com-破解彩票软件| www.324771.com-今日福彩三d新彩吧| www.391861.com-3d一彩网-| www.525936.com-七星彩开彩结果记录| www.606261.com-福彩杀码计巧| www.673239.com-中了七乐彩怎么领奖| www.747779.com-大富豪彩票手机下| www.815342.com-秒彩app-| www.880280.com-2元彩票网专家杀号| www.ct6.com-快三是什么意思吗| www.nl01.com-福彩双色球预测诗| www.z01.top-今晚体彩中奖号码| www.47qo.com-梦到刮彩票中17万| www.458.vip-上海快三包中| www.3832.biz-dd彩票网下载| www.8854.cm-盈盈彩骗局-| www.62613.cc-七星彩的中奖号码| www.016319.com-河北快三冷号统计图| www.077076.com-彩票后面中两位数| www.132428.com-开竞彩店要多少钱| www.199879.com-搜索彩票开奖结| www.263217.com-保定快三开奖号码| www.378272.com-幸运彩乐园网址| www.490810.com-淘宝彩票如何下载| www.559317.com-彩票机器人能用吗| www.619686.com-彩票书-| www.681628.com-彩票怎么看中不中奖| www.751903.com-彩票黑客入侵事件| www.973236.com-彩虹哥qq-| www.cd90.com-最新江苏快三下载| www.sh64.com-43彩票-| www.03gn.com-风之彩彩票下载安装| www.62wh.com-西安市福彩中心电话| www.880.xyz-时时彩怎么控制止损| www.4157.xyz-彩虹剧情分集介绍| www.8839.loan-彩20官网下载| www.58892.com-皇冠彩票平台| www.005173.com-体彩48l开奖结果| www.062252.com-天下第彩票-| www.137875.com-七星彩开结果奖查询| www.205983.com-五分彩稳赚公式| www.266719.com-968彩票下载| www.358984.com-彩票店的装修| www.453999.com-复合彩光祛斑| www.531994.com-彩之王是什么花| www.624456.com-广东福彩开奖查询| www.683822.com-乐八彩app-| www.749660.com-红财神报彩图网址| www.804303.com-易彩2.1下载安装| www.869596.com-够力七星彩官网最新| www.968423.com-希腊时时彩开奖号码| 易彩堂www.55885m.com| www.dc04.com-全民快三下载首页| www.sg61.com-时时彩app注册| www.06lw.com-彩铅画简单花卉| www.62sg.com-福彩3d精华精衣3| www.674.tv-重庆福彩店-| www.3342.cc-高频时时彩走势软件| www.8388.pw-四川彩妆加盟店| www.23237.cc-国彩是骗局吗| www.57270.cc-锋彩直播老版| www.052310.com-大发快三害死多少人| www.123498.cc-是福彩好还是体彩好| www.183581.com-中彩彩票骗局| www.240313.com-乐彩17500首页| www.299561.com-凤凰vip快三彩票| www.356999.com-立体彩铅画树图片| www.416155.com-网络彩票骗局处理| www.504665.com-玩网易红彩怎么提现| www.562743.com-国家取消高频彩| www.620706.com-香港马彩经资料|