头像

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

来源:http://www.ckhyy.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.ckhyy.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
6彩票开奖 www.27892.cc-甘肃快三开奖结查询| www.493030.com-竞彩看盘看不懂| www.582048.com-乐玩彩app-| www.667841.com-福利彩票小说| www.781454.com-东升彩票平台怎么样| www.863262.com-19041期胜负彩| www.945088.com-乐发彩票注册手机版| 七彩www.53900f.com| www.311739.com-五福彩票网app| www.425986.com-下载赢彩资讯| www.545320.com-时时彩测号软件| www.5861.vip-u9彩票799-| www.44245.com-全民彩票的升级版| www.057451.com-七星彩几点开奖结果| www.143378.com-梅花易数测彩票| www.218320.com-大发快三有技巧吗| www.71981.com-c9彩九-| 500彩票www.3126q.com| www.404555.com-海南彩票对数是什么| www.766269.com-福彩三地试机号今天| www.959736.com-加拿大3分彩走势图| 126彩票网www.295126.com| www.ti02.com-北京快三怎么玩稳赢| www.471377.com-六台彩迷宫在哪看| www.120855.com-福彩双色球选号高手| www.750527.com-利民彩票app| www.123811.com-天天乐彩apk| www.je.com-极速快三彩票平台| www.985483.com-五分快三助手下载| www.3543.org-福彩3d校长独胆图| www.39196.cc-6188彩票合法不| www.109757.com-彩678网站-| www.251949.com-掌上中彩官网| www.703959.com-快钱彩票信用玩法| www.867836.com-七星彩重复中奖号码| www.952222.com-彩票走势图电视机| www.cp7540.com-彩库宝典-| www.991554.com-彩吧vip正规吗| www.cl58.com-湖南福彩开奖结果| www.g16.me-海南彩票投资大赛| www.333167.com-体彩排5开奖号码| www.82800.com-2002年足彩开奖| www.483692.com-福彩3d牛牛网字迷| www.611975.com-时时彩票违法吗| www.562976.com-新浪福彩体彩| www.02or.com-看见彩虹寓意| www.945.la-黑客进入私彩票系统| www.93056.com-世界杯彩票投注| www.6fx.cc-手机投够彩票| www.785975.com-福彩网站网址| www.899816.com-安徽快三胆拖投注表| www.970272.com-优乐彩信誉怎么样| www.hd04.com-广西福彩中心在哪里| www.p63.net-幸运星座彩票玩法| www.49754.com-江苏福彩15选5| www.33xy.com-福利彩票刮乐客户端| www.414104.com-纳采彩礼-| www.99828.com-海南体彩41开奖| www.494.me-快三26组合-| www.4060.vip-七星彩19025期| www.732795.com-5百万彩票网| www.810368.com-彩票新政的弊端| www.883612.com-微信彩票群二维码| www.957302.com-爱彩乐为什么不更新| 500彩票网www.61655b.com| www.317629.com-淘宝彩票下载手机版| www.981578.com-国家彩票做假| www.656380.com-云彩厅合法吗| www.624618.com-彩票怎么销售| www.735646.com-体彩大乐透中奖诀窍| www.869711.com-彩库宝典开奖app| www.gk0.com-时时彩中奖规则表| www.uh91.com-奔驰彩票是合法的| www.08wo.com-乐58彩票网址| www.583225.com-中彩网体彩-| www.450763.com-7k福彩彩票-| www.538023.com-国彩信息一体机| www.647135.com-足彩14场投注攻略| www.59871.cc-彩吧开机号金码查询| www.4620.biz-买彩票的都是哪些人| www.zs83.com-七彩视界官网| www.137567.cc-星彩网走势图| www.992558.com-竟彩足球赛果| www.123518.com-彩票和双色球的区别| www.987991.com-互彩宝-| www.21787.cc-什么叫套彩金| www.384645.com-体彩竞彩预测分析| www.502949.com-快开彩票稳中| www.62hq.com-名人彩票app下载| www.577016.com-好彩店彩票网页版| www.345062.com-酷乐手游彩票| www.533622.com-大乐透彩票怎么看| www.470178.com-买足彩输了几十万了| www.720628.com-七乐彩一单式开奖| www.826328.com-彩票知识-| www.906375.com-彩票系统官方| www.964172.com-排列三彩乐乐杀跨| www.063624.com-彩票站什么时候淡季| www.409246.com-福彩3图纸-| www.629126.com-彩票主任领奖| www.755511.cc-旺旺彩票公司| www.947684.com-江西快三专家推荐| www.v78.xyz-拉萨福彩如何申请| www.826780.com-彩6a官网平台| www.937996.com-好彩客app苹果| www.040898.com-中福彩票破解软件| www.200371.com-彩客网彩票-| www.322708.com-易彩网官方平台| www.490582.com-淘宝怎么买福利彩票| www.754543.com-968彩票登录| www.884403.com-福彩3d五行号码| www.984511.com-8彩真的假的| www.fk37.com-分分彩预测器| www.947030.com-百度彩票官网首页| www.034633.com-nba彩票258-| www.384711.com-中国福利彩票扶老| www.359520.com-买体彩犯法吗| www.432887.com-福彩3g画迷-| www.828254.com-澳门威尼手机彩票网| www.919986.com-彩软之家-| www.973763.com-微信福利彩票群英会| 大赢家彩票平台www.591031.com| www.218063.com-快三规律技巧| www.287510.com-中国彩票预测一注准| www.84559.com-彩钢板门头-| www.775229.com-七星彩中奖彩票| www.874441.com-亚博彩票网站下载| www.976457.com-体彩总对总-| www.e45.cc-凤凰彩票怎么提现| www.959317.com-七星彩168-| 易彩网www.99638l.com| www.tp14.com-表格制作彩票算号器| www.378843.com-k彩富民福地登| www.c82.vip-怎样看百宝彩| www.46uo.com-彩票店官方旗舰店| www.0245.in-手机快彩网合法吗| www.7430.cn-买彩票算不算做慈善| www.22239.com-99快三-| www.301770.com-凤彩网大乐透预测| www.126492.com-福彩被破解-| www.666783.com-快三计划彩票公式| www.781984.com-福彩3d绝对布衣版| www.864050.com-体彩任选二开奖结果| www.995244.com-英国五分彩开奖软件| www.po17.com-湖北快三遗漏号统计| www.66sq.com-太原福彩店转让| 吉利彩票www.80075a.com| www.931561.com-728彩票下载安装| www.056190.com-嘉定彩票中奖| www.ey16.com-时时彩ios版| www.20890.com-改彩票倍率骗| www.1597.cm-双色球彩票中奖秘籍| www.16736.cc-足彩19042期| www.813124.com-华彩咨询招聘| www.893063.com-时时彩缩水网页二星| www.953367.com-彩神破解网-| 网易彩票www.26163o.com| www.18yj.com-彩彩大咖直播间| www.951446.com-澳客竞彩足球| www.13kn.com-体彩在线刮刮乐| www.85px.com-趋势王彩票分析| www.3956.cn-体彩销售网点| www.980425.com-广西体彩官网兑奖| www.412007.com-苹果x原彩显示失灵|