头像

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

来源:http://www.baidushengtai.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.baidushengtai.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.45012.com-顶尖彩票提现| www.116215.com-彩票走势图500网| www.367344.com-彩铅画虹之玉教程| www.wn46.com-达人彩票快3| www.89cg.com-彩票双色球多组数字| www.5196.vip-最新白菜彩金| www.19733.cc-收中国福彩开奖号码| www.68112.cc-中国的彩票算赌赙吗| www.035536.com-彩尊下载-| www.127876.com-彩虹图片大全图片| www.225752.com-举报时时彩在哪举报| www.323672.com-七星彩票开奖查| www.423122.com-海南彩票梦册| www.539490.com-彩票机过户-| www.667118.com-七乐彩顶测-| www.763732.com-华宇彩票合法吗| www.856671.com-七星体育彩票走势图| www.949289.com-香港电脑彩八肖图| PK彩票www.181599.com| www.ia57.com-彩票容错啥意思| www.l18.org-棋牌彩票大集合| www.6618.cc-体育彩票周几开| www.841217.com-七乐彩加减选号| www.966712.com-5号彩下载-| www.fk67.com-五分快三免费计划网| www.m31.net-冠彩网-| www.n27.net-爱彩乐怎么登陆不了| www.690989.com-竞彩篮球群-| www.828178.com-lg传统彩票-| www.918079.com-私彩是什么-| www.982164.com-3d预测新彩吧| www.627486.com-8888彩票网站| www.725727.com-一出好戏彩票兑了吗| www.821319.com-七星彩图表-| www.899473.com-怎样加入彩神通会员| www.974199.com-福运彩票可靠吗| www.cai2744.com河北快三走势| www.138654.com-鸿彩平台下载| www.nj2.com-青海快三和值表| www.7ho.com-安徽快三开奖结婚果| www.1943.com-福彩双胆必下好| www.8305.org-福彩晚上几点停售| www.33151.cc-3d走势彩宝网| www.88579.cc-江苏快三多少钱一注| www.052378.com-体育彩票兑奖有效期| www.171687.com-河北快三遗漏统计表| www.252762.com-时时彩计划网址| www.340494.com-牛彩网一彩搜| www.426655.com-烟台体彩胜负群| www.527975.com-竞彩足球七串一玩法| www.618869.com-新浪爱彩电脑网页| www.726308.com-石家庄福彩中心| www.799939.com-彩票代玩是真的吗| www.085775.com-假彩票什么样的| www.218823.com-彩票代理怎么找玩家| www.325785.com-新浪彩票手机软件| www.415119.com-彩票缴款通一支付宝| www.519042.com-国际高频彩票| www.587005.com-竞彩单关无脑砸平| www.659462.com-澳彩风情现场开奖| www.731984.com-中国最大的彩票论坛| www.804166.com-彩民村心水之家l| www.871461.com-福彩三d藏机图今日| www.971884.com-创彩网是什么| 天天乐彩票www.626310.com| www.lc24.com-赌彩app-| www.8965.biz-如意彩票人工计划| www.015129.com-七星彩的口诀| www.099159.com-易彩娱乐用户登陆| www.174468.com-福彩苹果版下载| www.259200.com-红彩网是不是骗局| www.98204.com-腾讯5分彩开奖网址| www.157188.com-易彩堂犯法吗| www.492557.com-卖黑彩票-| www.556653.com-苹果彩票正规吗| www.620905.com-秒速时时彩预测软件| www.687029.com-特彩吧喜中彩资料| www.761642.com-美国强力球彩票玩法| www.xi04.com-鑫彩网真假-| www.34qc.com-福彩3d独胆高手| www.1244.vip-竹达彩奈-| www.9106.vip-贵阳多彩贵州街图片| www.807401.com-福彩牛彩网图迷总汇| www.879656.com-福州体彩中心总点| www.332373.com-大型时时彩购彩平台| www.503171.com-重庆高中生彩票挣钱| www.832096.com-福彩3d派奖通知| www.p57.tv-彩票网提现不了| www.3494.top-现金彩票靠谱吗| www.962414.com-福利彩票怎样选号| www.587888.cc-彩色复印机报价| www.725647.com-彩票精准分析器| www.821849.com-乐彩网可以买彩票吗| www.899043.com-福彩3d开什么号码| www.970315.com-今晚七彩结果| 大赢家彩票平台www.165370.com| www.kj18.com-往年中大奖的彩票| www.v48.vip-新浪爱彩双色球定位| www.59tj.com-竞彩计划真的盈利| www.738829.com-代买彩票但号码没打| www.838017.com-福彩3d500倍| www.931135.com-大吉购彩平台| 500彩票www.346377.com| www.td43.com-赢彩彩票网站可靠吗| www.35yo.com-体彩顶呱刮7票| www.49055.com-神圣彩票网址| www.032318.com-福彩三的图库| www.130893.com-内蒙古福彩票| www.225313.com-彩票qq群号-| www.308036.com-大发快三漏洞破解| www.384817.com-qq里有彩票吗| www.489021.com-凤凰彩票路线导航| www.563207.com-有哪些彩票网站代理| www.633473.com-快三软件刷分器| www.730951.com-易彩堂主页| www.800374.com-河南省福彩中心电话| www.ag44.com-查体彩开奖-| www.zg06.com-网络彩票推广话术| www.266239.cc-北京快三3同号遗漏| www.542598.com-七乐彩几位数中奖| www.4910.win-5258彩票平台| www.39371.cc-分分中彩票怎么样| www.97333.com-西北古建筑彩绘| www.066558.com-易发博彩-| www.131757.com-枣庄彩礼-| www.206380.com-全民快三下载| www.761046.com-秒速时时彩个位计划| www.858024.com-福彩乐透app官网| www.907962.com-七星彩奖金怎么算的| www.971846.com-分分彩挂机平刷方案| www.6637.org-必中分分彩在线计划| www.38315.cc-怎么下载冀彩宝| www.019395.com-uu彩票官方网| www.117898.com-江苏e球彩中奖金额| www.205118.com-淘宝彩票app下载| www.hf2.cc-安徽快三遗漏最大值| www.yq55.cc-彩票照片可以兑奖吗| www.40ff.com-北京快三亏-| www.2807.shop-怎么去店里买彩票| www.13080.com-竞彩网篮球-| www.008921.com-河南七星彩兑奖地址| www.1880.xyz-体育彩票站利润如何| www.13276.cc-竞彩篮球比分新浪网| www.62557.cc-彩票中奖概率计算| www.037021.com-内蒙古彩票app| www.109903.com-14场足彩预测| www.185288.com-好彩双爆珠-| www.252605.com-怎么看中彩网正规吗| www.325939.com-体彩排三九宫图| www.388150.com-华彩杰鹏-| www.833590.com-abc彩票app-| www.937332.com-鸿博彩票app下载| www.943350.com-话费买网易彩票| www.ak3.com-福彩3d开机号| www.883614.com-奔驰彩票官网首页| www.935713.com-广州彩神数码印花| www.993874.com-足彩7串4-| www.ga60.com-777彩票团队计划| www.ss40.com-天吉双彩论坛手机版| www.884.org-快三猜大小不输| www.8692.biz-丹麦五分彩票app| www.4320.tv-鑫彩科技-| www.023062.com-黑彩是怎么挣钱的| www.355102.com-福彩3d试机谜|