头像

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

来源:http://www.fablesofglow.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.fablesofglow.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
038彩票 www.974057.com-福彩刮刮卡中奖图片| www.ek58.com-好彩网首页-| www.r66.cn-最新万豪彩票手机版| www.59di.com-中国体彩限制| www.4337.top-彩票兑换流程| www.11155.com-高美梅彩票网投平台| www.85253.com-彩票双色球红球杀码| www.973864.com-买彩票倍投模式| www.qu.com-手机购彩票-| www.398538.com-七星彩都礼拜几开奖| www.750975.com-中发彩票破解| www.837363.com-聚彩55app-| www.915835.com-福彩端是什么| www.981770.com-彩票双色球手动选号| www.lj27.com-中彩软件是干嘛的| www.s74.org-超级彩下载-| www.59bl.com-体彩定胆-| www.0871.site-宝发彩票安全吗| www.02844.com-彩拾彩票能提现吗| www.62844.com-彩宝贝排列五走势图| www.027607.com-易彩堂赚钱是真的吗| www.111511.com-下载盈彩网-| www.188390.com-福彩3地-| www.268035.com-青海福彩软件下载| www.392878.com-吉林快三稳定微信群| www.525824.com-马丽萍经营福彩| www.617563.com-彩神8下载苹果版| www.695201.com-吉林快三和值图片| www.779441.com-体彩七星彩34期| www.862229.com-南国彩票论坛南海| www.934087.com-台湾即时开彩下载| www.994945.com-好彩堂网-| www.mz8.cc-好彩0567下载| www.rw66.com-快三输的倾家荡产| www.17yc.cc-超级大乐透彩票| www.327.vip-中发彩票平台合法吗| www.4482.pw-葛林若焕彩晚霜| www.02009.com-总感觉弄丢彩票| www.72236.cc-彩票单机版-| www.036818.com-彩票榜-| www.128202.com-新华彩票今日头条| www.206709.com-大乐透红杀号彩宝贝| www.283297.com-我要机选七星彩| www.393313.com-福利彩票6十1奖池| www.521225.com-福彩三d总开机号| www.594258.com-七彩视界vip| www.670089.cc-3d中彩网解太湖| www.751844.com-一定牛彩票是真是假| www.903891.com-福彩双色球拖胆| www.972244.com-大众彩票靠谱吗| www.fv11.com-探探上的帅哥彩票托| www.yq62.com-体彩七位数这么买| www.26ey.com-网易3d彩票推荐网| www.955.cc-七星彩机选一注中奖| www.6719.top-577彩票苹果下载| www.20455.com-重庆福彩开奖结果| www.65177.cc-竞彩足球比分现场| www.045995.com-申请宁夏福利彩票| www.131355.com-彩礼嫁妆-| www.208502.com-彩票长龙提醒软件| www.288065.com-百度福彩合买大厅| www.397461.com-快乐三分彩app| www.522286.com-彩票店名字大全| www.593579.com-福利彩票最高奖金| www.668539.com-马来西亚博彩骗局| www.745928.com-八亿彩安卓下载| www.817459.com-鼎丰彩票安全吗| www.888450.com-大发快三买数字技巧| 金掌柜www.83993n.com| www.fd24.com-中华快三-| www.wq15.com-彩票走势有规律吗| www.14fc.com-彩宝图片大全| www.770.tv-e球彩每天开几期| www.4853.cc-高频彩有赢钱的人吗| www.02197.com-私营彩票-| www.005956.com-5050彩票下载| www.075070.com-附近福彩店-| www.138429.com-六福彩香港正挂牌图| www.216605.com-恒博快三-| www.287679.com-九购十分彩正规吗| www.425621.com-众赢彩票今日盈亏| www.524407.com-3b福利彩票总汇| www.619217.com-福彩一分钟开一次的| www.689100.com-3d彩友沙龙-| www.768287.com-试机号爱乐彩| www.875364.com-极速时时采彩下载| www.949760.com-南方彩票走势| 天地彩www.2tdc.com| www.bz48.com-甘肃快三开奖果跨度| www.tb12.com-彩票分哪些种类| www.23rr.com-福彩三地最新开机号| www.244.mobi-彩票几天一期| www.3740.vip-大师抓七星彩规律图| www.9037.vip-彩票nba-| www.56563.com-盛源彩票手机app| www.011636.com-彩票可以网上买吗| www.080033.com-腾讯三分彩走势图| www.141181.com-老猫看彩快讯77期| www.215930.com-充值福彩网是骗局吗| www.286148.com-快三猜骰子猜和值| www.414098.com-儿子挂彩是什么意思| www.513208.com-爰购彩-| www.579021.com-福彩中奖分享| www.652398.com-体彩什么时间开奖| www.769656.com-分分彩后三组六| www.854664.com-彩名堂计划打不开了| www.915604.com-时时彩下载-| www.973654.com-快三三跨-| www.cv19.com-靠谱的私彩平台凤凰| www.tl04.com-江苏快三豹子技巧| www.02pi.com-高手预测彩票| www.67ik.com-太原体育彩票| www.0461.net-体彩销售网上| www.8827.vip-彩票注册送白菜大全| www.38771.cc-大富豪彩票手机下| www.80799.com-彩票基本-| www.026922.com-福彩刷佣金-| www.100111.com-聚彩jc下载-| www.194639.com-3d福彩走势图| www.263965.com-彩票新规收入下降| www.445408.com-中国体育彩票号码| www.537209.com-有彩色和无彩色| www.657825.com-彩神计划手机版苹果| www.761399.com-动画好彩妹-| www.860302.com-郑州福彩大厦地址| www.923894.com-三个骰子的彩票| www.980062.com-打彩票的工作复杂吗| www.tp25.com-中彩乐电子走势图| www.03gq.com-有谁赌快三-| www.92fm.com-竞彩扣税原则| www.4338.vip-中国福彩和华夏鑫彩| www.07057.com-9购十分彩-| www.47076.com-秒速时时彩总和计划| www.90565.com-彩5下载app-| www.289693.com-高频彩为什么要调整| www.444892.com-福彩3d哪里买| www.530539.com-彩客篮球比分直| www.723750.com-3d彩票是不是真的| www.797972.com-博彩源码交易| www.868893.com-今日七星彩图规| www.965581.com-快三234下期预测| 大赢家彩票平台www.186757.com| www.fr80.com-中国体彩网电脑版| www.wz58.cc-福利彩票时时彩助手| www.11pi.com-彩票摇号是随机的吗| www.76ao.com-彩票宝官网彩票合买| www.1123.mobi-体彩比利时与突尼斯| www.028262.com-网易彩票又能买彩票| www.181503.com-安徽基本快三走势图| www.265105.com-双彩网下载-| www.380309.com-彩视打不开-| www.512787.com-彩吧vip购彩下载| www.576418.com-七彩官方网站| www.666138.cc-航天彩虹是国企吗| www.734933.com-买哪个彩票好| www.800179.com-投注快三-| www.904236.com-星光彩票app完整| www.964344.com-卖体育彩票提成| 亚投彩票www.ya717.com| www.bo67.com-香港天下彩网网址| www.vr41.com-吉林快三微信群号| www.19hp.com-三亚私彩-| www.985.biz-体彩排列三五试机号| www.6846.cn-绿色好彩爆珠多少钱|