头像

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

来源:http://www.metalcncrouter.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.metalcncrouter.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.93dj.cc-福三彩票开奖结果| www.8281.net-搜索福彩3d走势图| www.40836.com-彩票强强软件下载| www.95978.com-彩票中心是垄断| www.069518.com-天才彩女专家专栏| www.155175.com-足彩哪种玩法最佳| www.330697.com-体育彩票几号开奖| www.419228.com-买体彩用什么软件好| www.531657.com-彩搜藏机图-| www.650959.com-超简单水彩画| www.747491.com-大奖彩票的登录口| www.830527.com-印象彩票网-| www.911723.com-福利彩票3d如何玩| www.973820.com-福彩双色球蓝球规律| www.nu31.com-福彩快三算赌博吗| www.5sz.com-日本七亿彩票| www.71zw.cc-买啥彩票中奖率高| www.1674.vip-三d彩票独胆| www.00346.com-销售体育彩票申请书| www.67393.com-彩票返点怎么计算| www.036420.com-爱玩彩票下载| www.130461.com-彩票逗人中奖图片| www.215151.com-新快三时间-| www.295770.com-快三四码黑红| www.372078.com-分分彩开组三算法| www.484004.com-彩客苹果下载不了| www.568318.com-中国福利彩票3开奖| www.655299.com-七星彩购买软件下载| www.814031.com-快开彩票将停售| www.892143.com-竞彩足球历史数据| www.964825.com-福彩开奖近30期| 百姓彩票www.bxcp3.com| www.kr46.com-基诺彩票开奖查询| www.k52.org-体育彩票兑奖规则| www.47di.com-超级大乐体育彩票| www.888.top-彩93怎么样-| www.5462.cm-福利彩票的利润| www.11010.com-澳客网彩票触屏版| www.58206.com-双色球彩吧网| www.131576.com-四川彩礼-| www.213635.com-足彩分析师培训| www.295623.com-福彩快三大发| www.368981.com-668彩票网骗人| www.469568.com-开心七星彩网手机版| www.559812.com-诺亚在线彩票有托吗| www.635086.com-春天七彩的音符| www.785084.com-乐仑炫彩官网| www.005426.com-916彩票手机版| www.586149.com-微彩注册地址| www.5632.pw-安徽天福彩票机| www.335677.cc-中国福利彩票如何玩| www.438700.com-湖南体彩网彩吧论坛| www.537896.com-彩彩色的-| www.660180.com-竞彩触屏版-| www.756508.com-海南7星彩开奖结果| www.860392.com-鼎盛彩票平台网址| www.931099.com-彩八仙手机客户端| www.988772.com-快三投注第一网站| www.wl.com-吉林福利彩票快3| www.op67.com-福利彩票任选3技巧| www.00ot.com-彩票也疯狂法律| www.72qf.com-体彩6场容错1场| www.1312.in-新三国精彩打斗集数| www.9549.net-海南体彩网唯一官网| www.52511.cc-聊天老是说她买彩票| www.97866.cc-返奖率高的彩票网站| www.070144.com-赢彩争霸8-| www.138261.com-三d彩票怎么玩法| www.218073.com-旧版彩神争争霸| www.293392.com-智慧彩票预测ios| www.365899.cc-先学线描还是彩铅好| www.467477.com-哈尔滨体彩中心地址| www.555572.com-中国第1快三彩票网| www.628391.com-新彩软件下载| www.700077.com-凤凰卫视无纸化彩票| www.777648.com-彩票app在线| www.962921.com-天际彩票-| QQ彩票www.89894k.com| www.fe09.com-投注彩票软件| www.wg03.com-时时彩后三混选稳赚| www.12uu.cc-小财神福彩3d高手| www.81bp.com-湖北体彩乐选四| www.1738.com-开心七星彩图版区| www.11952.cc-足彩雪缘园比分直播| www.54688.cc-重庆时时彩玩法| www.99246.com-竞技足球彩票能玩吗| www.069108.com-优乐彩票网-| www.133188.cc-快三多少钱-| www.206514.com-彩票是否真有走势| www.276191.com-众彩网福彩3d预测| www.438809.com-北京五分彩官网网址| www.529908.com-放黑彩-| www.621967.com-彩运网官方下载| www.691059.com-体彩三排试机号| www.767872.com-旺彩网合法吗| www.865882.com-万丽国际娱乐彩票| www.919050.com-3a彩票平台-| www.970146.com-威力彩開獎-| www.yk95.com-oe彩票下载-| www.19ho.com-腾讯分分彩后二打法| www.015.cm-宇宙彩票网-| www.3096.vip-福彩跨度和振幅| www.8341.link-东方彩票网平台| www.27967.cc-yy彩票官网注册| www.68271.com-彩票公式规律走势图| www.076765.com-体彩排列三预测分析| www.137763.com-七星彩在线缩水工具| www.210787.com-安徽快三和值大小| www.278188.com-神圣彩票客户端下载| www.392243.com-怎么在手机买足彩| www.510299.com-彩票站利润| www.576892.com-人人中彩票最新消息| www.644368.com-黑彩对打网站| www.749368.com-中彩彩票极速| www.813454.com-天气网福彩3d| www.880723.com-淘宝彩票官网首页| www.971267.com-福彩刮刮卡规则| 彩61www.641638.com| www.gs28.com-快三倍投方案大全| www.xe81.com-3d走势图非凡彩票| www.11wy.com-五百彩票是什么意思| www.75my.com-足球竞彩官网手机版| www.1016.org-凤凰购彩app| www.9927.top-六安彩礼一般多少钱| www.50752.com-什么彩票台子反水高| www.92818.cc-立彩快3网-| www.045675.com-体彩申请书范文| www.140940.com-福利彩票跑马咋中奖| www.210631.com-极速快三怎么下载| www.273508.com-福彩的发行原则| www.370573.com-澳客彩票下载ios| www.454045.com-彩9网-| www.533207.com-福彩三d关注码金码| www.635730.com-a7彩娱乐下载| www.713882.com-什么彩票可以猜大小| www.781472.com-u9彩票怎么样| www.846291.com-竞彩概率计算方法| www.902975.com-彩票网站建设怎样做| www.961588.com-湖北省福彩3d| 500彩票www.26299y.com| www.ci24.com-体彩快乐十分走势图| www.sg72.com-时时彩是正规官网| www.12xw.com-王者彩票网地址| www.73lp.com-彩票分析新版下载| www.0545.top-福彩中心3d字谜| www.7795.cm-俄罗斯守护者彩蛋| www.21103.com-中体彩科技公司官网| www.60867.com-足球彩票在线过滤| www.027106.com-078彩票是骗局吗| www.092692.com-竞彩2串1稳赢模式| www.147155.com-下载口袋彩票| www.246524.com-全民彩票vip版本| www.309309.cc-网络福彩快三的骗局| www.373762.com-好彩牛仔铁盒宝珠| www.505732.com-头奖彩票官方网站| www.566627.com-必发彩票注册| www.623688.com-财富彩票黑吗| www.699052.com-中福彩中心唐启伟| www.765454.com-众发彩票怎么样| www.893628.com-极速彩票下载安装| www.948752.com-福彩的试机号| www.981987.com-日本彩票新闻| www.su30.com-彩票法则-| www.1zp.cc-鑫易贴彩膜软件|