头像

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

来源:http://www.meiwuai.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.meiwuai.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.526221.com-足彩必中窍门| www.133565.com-河南天成彩铝| www.296620.com-湖北体育彩票| www.950.live-七星彩介绍-| www.32038.com-快三带人回血上岸| www.780978.com-彩票在挂-| www.871974.com-牛彩票网首页| www.950367.com-易彩票官方平台| 福彩www.2109c.com| www.237641.com-广西体彩网官方首页| www.37441.com-彩票计划真的假的| www.139064.com-遵义彩票-| www.470077.com-彩娃app官方下载| www.996784.com-彩票55是黑平台| www.kq84.com-皇都彩票一彩票分析| www.349.live-九龙彩票官网下载| www.73dy.com-蒂之彩是个骗局| www.855786.com-彩票如何定胆| 中彩网www.71233m.com| www.747208.com-天天爱彩票旧版| www.890037.com-彩票代买民事纠纷| www.974757.com-最近彩民故事| www.cp8311.com-3d彩宝走势图| www.qn06.com-大乐透彩经网走势图| www.440299.com-掌握彩票规律| www.561175.com-天天彩票论坛一码| www.82pz.com-河南省福利彩票电话| www.7348.shop-彩虹六号透视挂| www.65962.cc-玩快三输了怎样解决| www.130550.com-彩票购买推荐| www.596073.com-2004年福彩和值| www.702327.com-足彩软件下载排行| www.791924.com-3d彩票网上兑奖| www.873213.com-彩票购彩-| www.w58.org-京东能卖彩票么| www.581.red-东方彩票套彩怎么套| www.6303.vip-彩涂钢板图片| www.727488.com-大爆奖彩票导师| www.833190.com-赢彩彩票网址是什么| www.925222.com-彩库苹果下载| www.980803.com-附近哪有福利彩票店| www.am37.cc-亿网彩票-| www.6kj.cc-智能福彩3d-| www.75ji.com-玩足彩有赢的吗| www.1986.top-易彩富民地-| www.05050.cc-哪个手机软件买彩票| www.54320.cc-重庆时时彩单双漏洞| www.98785.cc-如何玩转快三| www.066898.com-彩宝贝3d杀号定胆| www.305961.com-彩6禁播-| www.380612.com-体彩浙江体彩排列五| www.890006.com-nba篮彩推荐微博| www.194697.com-快三上海快三开奖号| www.333661.cc-福彩旗下的快开彩票| www.498355.com-以怎样的心态去玩彩| www.446113.com-wap彩票源码| www.571769.com-足彩app彩虹店铺| www.652131.com-买澳门彩票违法吗| www.911774.com-开彩传媒是骗局吗| www.999421.com-彩票137中彩网| www.jd12.com-中国体彩网官方唯一| www.m95.com-不黑的彩票平台| www.70wx.com-重庆时时彩牛牛走势| www.3462.cn-彩票指南彩报电子版| www.834909.com-炫彩油画骗局兼职| www.65ct.com-56时彩计划软件| www.857447.com-彩之源彩票是怎么玩| www.948135.com-神彩福牛双色球网站| 易盈彩票www.7793d.com| www.6vx.cc-网购彩票团购下单| www.993535.com-足彩每日实单| www.gh15.com-快三走势图江苏遗漏| www.775265.com-环彩彩票官网| www.427187.com-好用的体彩软件| www.569393.com-体彩排列三三句话| www.656730.com-k彩—彩民中奖福地| www.730682.com-新浪彩票网预测| www.793777.cc-网上买彩票是赌博| www.867763.com-南国体彩808| www.949692.com-福彩网平台软件下载| www.994678.com-辉煌彩票平台| www.is2.cc-快三网站平台官网娱| www.91478.com-焕彩-| www.137257.com-七彩冰淇淋制作方法| www.286982.com-28彩票官方网站| www.113258.com-四川省彩票-| www.199371.com-二分快三同号计划| www.fr83.com-发彩网官方网站| www.215227.com-易彩用户登录| www.353692.com-彩票直播app| www.0760.me-易彩log-| www.1729.com-鸿彩主播梦的直播间| www.57546.com-彩票中奖后付款骗局| www.045775.com-定州转让福利彩票站| www.127024.com-体彩7位数开奖公告| www.253229.com-时时彩全天计划胆码| www.cp5536.com-北京快三推荐预测号| www.364168.com-新浪微博世界杯彩票| www.489618.com-七乐彩中七保六| www.673626.com-古建彩绘流程| www.04532.com-高频彩票新政| www.761405.com-好彩妹和天尊| www.cp3115.com-彩票端骗局-| www.976847.com-苍山订婚彩礼| www.cp3629.com-快三不同号有几个| www.588775.com-新浪爱彩大乐透开奖| www.715931.com-彩票平台程序妙招| www.794278.com-刷彩票单算赌博吗| www.872806.com-汕头彩票一等奖| www.942285.com-彩票兼职的联系方式| www.989881.com-彩吧助手开奖公告| www.577663.com-快彩票81678a| www.2223.me-洛阳七彩龙都| www.7046.cn-十二生肖彩泥| www.ip02.com-烟台福彩-| www.10av.com-云彩店app下载码| www.0026.cn-彩票需要几个数字| www.968427.com-网络时时彩开奖假的| www.cp9711.com-广东好彩3-| www.4261.com-好彩堂财神报| www.843588.com-怎么去彩票局上班| www.04411.com-体彩终端机扫码出票| www.59563.cc-看体彩排五开奖号码| www.795693.com-安徽快三牛人| www.xt42.com-该坚持买彩票吗| www.4697.vip-98彩票网-| www.61779.cc-3d彩票字谜预测| www.xf7.cc-1青海快三-| www.433431.com-彩票获得者-| www.526863.com-网彩被骗也不敢报警| www.595826.com-f彩邀请码-| www.968045.com-福彩官员1360亿| www.19eq.com-买彩票借钱的群| www.6319.cc-cp33彩票下载| www.827780.com-伪造假彩票-| www.934529.com-动物总动员彩票害人| www.aa14.com-河北快三跨-| www.760147.com-中国福育彩票官方网| www.kf37.com-爱乐透彩票老版本| www.680853.com-怎样戒掉高频彩票| www.759027.com-微彩店官网-| www.822278.com-随州福利彩票加盟| www.883414.com-彩票有啥软件app| www.982543.com-彩票app开发教程| www.uq.com-彩票网址大全| www.5933.org-快三邀请码谁有给个| www.539967.com-时时彩快三-| www.836572.com-福彩和值表走势图| www.887280.com-辉煌彩票的骗局| www.973364.com-彩虹歌词五月天| www.ha5.com-玩彩胆神-| www.178656.com-体彩app-| www.260328.com-彩票机赌博-| www.337680.com-金圣彩票-| www.6245.xyz-五福彩票安卓| www.26792.com-彩票开奖几点不买了| www.267361.com-五百万彩票网网页版| www.354777.com-怎么买彩票会中大奖| www.420786.com-大樂彩-| www.523330.com-网易彩票网双色结果| www.455206.com-皇冠彩票合不合法| www.535890.com-中了彩票低调| www.596190.com-彩博士网站-| www.671032.com-彩种大厅百乐宝下载|