头像

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

来源:http://www.maoteacher.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.maoteacher.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.240399.com-彩神外挂-| www.382892.com-加盟彩票app制作| www.563506.com-彩票中奖号码差一位| www.648963.com-点击彩计划群| www.760090.com-今天快三开奖拉萨| www.859556.com-内蒙古体彩遗漏| www.938181.com-双色球易彩网下载| 盛大彩票www.c6823.com| www.en85.com-购彩app-| www.xz99.com-吉祥彩最新版| www.29nx.com-今晚福彩3d推荐号| www.1389.xyz-北京快三下载软件| www.8651.biz-买彩票号码梦兆| www.48239.com-篮彩app哪个好| www.98997.cc-时时彩斗牛漏洞| www.076219.com-红旗彩票是真的吗| www.150791.com-福彩3d选号工具| www.283237.com-七星彩五个号多少钱| www.378755.com-公海彩票不给提现| www.509328.com-39彩票怎么样| www.592516.com-珐琅彩瓷器交易价格| www.675156.com-胜负彩中奖规则| www.760662.com-爱彩乐电视走势图| www.878553.cc-综艺福彩网站| www.972642.com-彩铅画景图片| www.ju7.com-福彩快三河南走势图| www.rs88.cc-彩票解码软件| www.16zj.com-鑫彩国际下载| www.256.name-2019彩票新政| www.4583.me-开彩票店的资历| www.03678.cc-彩经彩票软件| www.52100.com-黑彩犯法怎么量刑| www.99497.com-浙江体育彩票官网| www.071799.com-彩70平台-| www.139954.com-彩16苹果下载| www.222515.com-大奖彩票平台怎么样| www.306367.com-彩票机选可能中奖嘛| www.383957.com-怎样投诉彩票站| www.604068.com-迷彩兔下载| www.679927.com-巨龙彩票网址| www.763467.com-买足球竞彩绝招| www.875566.com-福彩开奖调整| www.961463.com-彩多多苹果app| 500彩票www.534077.com| www.jb69.com-足彩竞猜分析网易| www.d91.site-手机购彩票app| www.36ry.com-dd彩是真实的吗| www.1463.org-古风女彩铅手绘图片| www.8379.pw-重庆时事彩开奖号码| www.33913.com-彩票分析师考证| www.80112.com-高频彩开奖时间| www.033902.com-乐彩网最新开奖| www.214995.com-江西福彩官方网站| www.290431.com-内蒙古体彩网app| www.365133.cc-福彩3d分解技巧| www.456042.com-手机刮奖彩票| www.548530.com-河北体彩竞彩| www.675338.com-福彩解太湖分析汇总| www.756644.com-加州彩票开奖| www.859997.com-微微彩票合法吗| www.927960.com-青海省福彩中心地址| www.984712.com-福彩中心编制改革| www.iy25.com-体彩浙江6十1开奖| www.c51.cc-苏快三是什么| www.32pd.com-体育彩票春节安排| www.0336.cm-彩虹的约定歌词歌曲| www.6906.cm-彩票开奖乐和彩| www.20505.com-百赢彩票网-| www.63987.cc-澳洲三分彩稳赢计划| www.039971.com-彩票更多开奖号码| www.127605.com-彩虹玫瑰能种出来吗| www.205344.com-内蒙古福利彩票网址| www.277616.com-中福网彩票是真的吗| www.383958.com-订制彩票表格| www.506218.com-江苏福彩快三软件| www.579217.com-天下彩现场开??| www.654105.com-一定牛彩票网站| www.761904.com-彩友会计划软件下载| www.851616.com-夺金三分彩计划软件| www.919310.com-免费搭建彩票网| www.977432.com-世界杯彩票中奖规则| www.ap46.com-吉林快三开奖直播| www.sf32.com-分分时时彩cp16| www.08vo.com-挂机彩票软件| www.76ig.com-宏盛彩票软件官网| www.1474.top-大师彩铅画作品| www.9330.loan-大马彩4d-| www.46164.com-彩票分分快三| www.90877.com-福利彩票快三软件| www.051012.com-网上赚钱快三| www.151650.com-彩票数字的奥秘| www.236762.com-体彩官方app| www.311091.com-大发快三怎么买豹子| www.380488.com-好彩网双色球走势图| www.523092.com-竞彩停售-| www.604309.com-福建体彩票官方网站| www.674696.com-中彩网走式图| www.748596.com-广州好彩酒家| www.813274.com-彩友吧-| www.881086.com-彩票选号技巧与方法| www.986078.com-七乐彩大赢家| www.cp482.cc-福建快三走势图结果| www.038896.com-信彩快三计划网址| www.768708.com-福泰娱乐快三| www.8360.link-霞光溢彩是啥意思| www.285737.com-中福快三计划网址| www.367813.com-蓝鲸水彩画唯美高清| www.456944.com-梯子游戏彩票官网| www.541755.com-体彩网上购买的网址| www.643668.com-时时彩太假-| www.724836.com-支付宝借给博彩收款| www.795512.com-快三7的和值| www.866595.com-星期五那些彩票开奖| www.926435.com-多玩娱乐彩票| www.978572.com-福彩3d口诀妙用| www.ws59.com-快三数据-| www.11ql.com-西安天彩粮骗局休假| www.74ws.com-彩票如何能中奖| www.0929.net-彩票站合买-| www.8490.in-欧洲杯彩票app| www.35000.com-彩票微信平台骗局| www.75533.com-竞彩篮球856| www.023399.com-内蒙古实时彩走势图| www.089339.com-财神争霸500彩票| www.150530.com-江西快三中奖| www.272267.com-344彩票-| www.352287.com-福彩时时乐开奖官网| www.422399.cc-福彩双色推荐号码| www.513796.com-彩票几天一期| www.576105.com-v8彩票安卓版| www.638267.com-创意色彩图片| www.761648.com-山东体彩双彩论坛| www.840065.com-中国彩票销售额排名| www.901476.com-k8彩票app下载| www.962770.com-彩民村下载-| 500彩票www.52072c.com| www.cf74.com-幸运彩票下载| www.ri23.com-对快频彩-| www.06sc.com-天中图库彩搜网| www.66px.com-七乐彩最新走势图| www.0047.org-彩票对几位数是中奖| www.7490.cn-天津彩票站转让信息| www.19015.com-福彩复式中奖规则| www.56003.com-重庆时彩讨论群| www.94682.com-竞彩360足球| www.043204.com-福利彩票图标图片| www.159099.com-鳄鱼彩票福彩3d| www.234376.com-快三彩票倍投计划表| www.299262.com-开彩网开奖结果查询| www.360019.com-海南私彩三字现包码| www.435692.com-在彩票站工作怎么样| www.518597.com-安徽福彩主任| www.577609.com-江西福利彩票彩种| www.639814.com-幸运三彩票-| www.778205.com-快三客户端下载| www.848013.com-竞彩足球对阵及澳盘| www.894776.com-新大陆彩票网站| www.947541.com-福彩中大奖经验| www.990123.com-红旗彩票正规吗| www.cai2833.com快三专家预测| www.hi29.com-福彩哪种玩法最简单| www.vt38.com-中信彩票大发快3| www.00bf.com-二等奖彩票-| www.57ov.com-体彩2元网-|