头像

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

来源:http://www.hnrfsm.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.hnrfsm.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
9彩娱乐平台 www.4533.biz-六壬金口诀测彩票| www.61686.com-彩票字谜总汇大全| www.049655.com-买彩票要选几个号| www.139972.cc-犀牛彩票赌博| www.222776.com-五分快三免费计划网| www.302344.com-福彩和值跨度表| www.375703.com-排五走势图彩经网| www.549703.com-欧冠夺冠彩票| www.660720.com-广东省体育彩票网站| www.757994.com-彩票刷流水什么意思| www.863336.com-怎么投诉彩票平台| www.925830.com-天空彩报码开奖| www.979093.com-广州哪有好彩烟| www.jj01.com-安徽福利彩票| www.d25.com-甘肃快三今天豹子| www.34nz.com-体彩大乐透奖金分配| www.0422.org-河南体彩481停销| www.6892.loan-体彩竞彩怎么查中奖| www.21881.com-手机彩票有赢的吗| www.8510.in-长春体彩中心位置| www.011070.com-福建体彩投注app| www.106611.com-足彩奖金规则| www.35398.com-快三微信群交流| www.024126.com-彩票乐三的玩法| www.128277.com-易彩堂破解-| www.217873.com-快三街机游戏| www.325822.com-星彩论坛3d-| www.402688.com-福彩机选一注号码| www.521244.com-500彩票网网页版| www.598299.com-八马彩票极速赛车| www.675863.com-竞彩足球比分直墦| www.761062.com-秒速时时彩计划心得| 500彩票www.175969.com| www.iw27.com-胜负彩即时比分| www.e44.shop-凤凰彩票提现限制| www.678076.com-快三全部号码表格| www.809014.com-微彩官网登录| www.925058.com-爱福彩彩票开奖| www.990261.com-中国福利彩票复试| www.ib1.cc-新彩票快3-| www.rm39.com-体彩e球彩玩法介绍| www.020603.com-精彩十分玩法图片| www.137562.com-印尼5分彩开奖结果| www.251911.com-江苏快三能玩吗| www.343808.com-78彩票推荐人id| www.443719.com-福彩开奖福彩| www.567808.com-一张彩票的利润| www.659577.com-休彩出什么号码| www.937980.com-彩之王是否真的| www.988155.com-百万彩票官网| www.cp9718.com-北京福彩快3官网| www.ox53.com-快乐彩走图-| www.5pa.cc-竞彩怎么交税| www.65gb.com-买彩票的男人能嫁吗| www.1064.vip-除了彩名堂还有什么| www.010381.com-中国体育彩票加盟| www.129026.com-谁能破解腾讯分分彩| www.227277.com-广西快三今天遗漏表| www.309198.com-买彩票被骗-| www.385220.com-七星彩免费专家预测| www.570987.com-钟嘉欣好彩妹剧照| www.649527.com-博应用彩库宝| www.789274.cc-胜负彩姜山冷门| www.867418.com-一定牛彩票可靠吗| www.933268.com-省份快三网站| www.982183.com-福彩3d新彩吧网站| www.04jj.com-风景彩铅画图片简单| www.77jc.com-外国彩票专家预测| www.1738.in-鸿发彩票是真是假| www.200213.com-彩票api-| www.324996.com-华人国际彩票官网| www.428923.com-彩博娱乐网址大全| www.528884.com-王中王彩票预测| www.686450.com-贵港彩票下载| www.768070.com-爱乐彩浙江-| www.840914.com-七乐彩双色球区别| www.907053.com-彩票坊一分快三| www.971102.com-体彩有哪几种玩法| 金掌柜www.83993x.com| www.fz30.com-彩票5d路线图| www.xy08.com-d9cc彩票app| www.19gj.com-体育彩票站怎么样| www.884.org-快三猜大小不输| www.4949.cn-迷彩兔电影网| www.00240.com-章鱼足彩靠谱吗| www.63211.cc-稽山鉴水足彩博客| www.020790.com-内蒙古彩票三d| www.087609.com-五亿彩提现-| www.150139.com-福彩三d技巧论坛| www.935365.com-澳洲时时彩是私彩吗| 500万彩票www.98528f.com| www.mn18.cc-湖北省快三开奖今天| www.120389.com-保时捷娱乐彩票注册| www.239191.com-大发快三有人控制么| www.885103.com-家彩网3d排三胆码| www.51sr.com-十字彩诈骗-| www.986.com-够力七星彩安装| www.6599.win-英国彩票2002| www.16358.com-ck彩客网是真的吗| www.59566.com-吉林彩票开奖查询| www.029808.com-大地彩票app下载| www.105728.com-体音彩票排列三开奖| www.175824.com-彩神app下载| www.376028.com-网络购彩有望恢复| www.516846.com-色彩苹果-| www.639407.com-怎样经营好体彩店| www.742132.com-官彩是什么-| www.813765.com-体彩88-| www.885500.com-金利彩票可靠吗| www.962022.com-正宇火箭彩票| 彩客博www.8667j.com| www.ep57.com-盈彩彩票骗局揭秘| www.vz18.com-345彩票app-| www.11sq.cc-66好彩app下载| www.82yx.com-彩云网官方网站| www.69451.com-668彩票下载安装| www.111061.com-加微信买彩票靠谱吗| www.195387.com-牛牛彩骗局-| www.269632.com-欧洲彩票中奖排行| www.417996.com-彩票站营业到几点| www.519788.cc-禁彩吧-| www.587161.com-彩票为职业-| www.689111.com-福彩选4开奖走势图| www.767961.com-河内一分彩官方开奖| www.896001.com-彩票对打怎么能套利| www.963202.com-彩钢板规格-| 易盈彩票www.7793p.com| www.cw96.com-彩神网是真的吗| www.uo25.com-快三2分彩-| www.04ob.com-福彩直播那个频道| www.76je.com-彩票软件平台| www.003778.com-全民娱乐买彩安全吗| www.113148.com-查福彩3d丹东全图| www.200680.com-昨晚彩票中奖号码| www.276102.com-苏州体育彩票店| www.446816.com-彩票网站集体封号| www.535205.com-彩票生肖技巧| www.601601.com-七天彩票网上购买| www.670009.com-天涯社区海南彩票| www.739465.com-江苏江苏福利彩票| www.809035.com-买彩票中奖感言| www.878696.cc-体育彩票大乐透论坛| www.935595.com-彩票聊天室红包派送| www.974698.com-彩票777手机版| www.46lr.com-三宝生活体彩屋官网| www.536.red-喝彩中华主持人| www.3978.cm-大富彩票官网| www.8974.top-乐彩直播是什么情况| www.54348.com-3d福彩图片-| www.95738.com-中国福利体育彩下载| www.039968.com-广东福彩有快三吗| www.130843.com-长沙体彩中心| www.199492.com-浙江福彩双色球开奖| www.266086.com-快三的投注规则| www.334174.com-福建福利彩双色球| www.398232.com-廉江七星彩群| www.501369.com-福利彩票五星定位胆| www.566075.com-pp彩票ios-| www.626071.com-黑客破解一分快三| www.686833.cc-彩票中奖新闻最新| www.756168.com-双色球彩民微信群| www.818281.com-2013彩票app| www.881080.com-三d彩票选号技巧| www.947731.com-中国彩吧一更懂你|