头像

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

来源:http://www.tufmachining.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.tufmachining.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
166彩票 www.72731.com-全国彩票弃奖| www.46009.com-内蒙古彩票时时彩| www.40da.com-订婚彩礼钱属于谁的| www.q09.site-菲律宾正规彩票| www.66tm.com-摩登彩票app| www.318245.com-十字彩票怎么玩法| www.717721.com-彩票开奖杳询| www.814031.com-快开彩票将停售| www.919538.com-一键搭建彩票平台| www.li9.com-内蒙快三早知道| www.199508.com-快三是不是时时彩| www.302379.com-977彩票-| www.377959.com-体彩电视机怎么安装| www.517211.com-靠谱的彩票平台国外| www.240887.com-澳洲时时彩人工计划| www.317972.com-合法彩票投注网站| www.390001.com-多玩彩票下载安装| www.500566.com-宏盛彩票下载| www.567771.com-必赢彩票下载| www.638312.com-设计色彩图片| www.710533.com-彩票鲁彩金-| www.782908.com-关于中彩票的故事| www.857877.com-动物总动员福彩| www.921355.com-彩神软件安全吗| www.978755.com-好彩1开奖走势| www.bs6.cc-快三app推荐| www.tx22.com-快三江苏-| www.822085.com-500彩票足球资料| www.909646.com-大学生qq群买彩票| www.968384.com-英国时时彩资讯网| VIP彩票www.312876.com| www.571489.com-福彩有没有假| www.680100.com-老亿彩-| www.940452.com-易彩快三怎么玩| www.cp3766.com-幸运快三是哪里的| www.10qy.com-竞彩直球比分| www.548733.com-幸运彩xyc-| www.945144.com-体彩论坛手机版| www.271621.com-一定牛体育彩票官网| www.398132.com-福彩双色球周几开奖| www.421626.com-福彩历史中奖查询器| www.30oi.com-彩虹世界链接这里有| www.24284.com-澳洲时时彩计划网页| www.325953.com-彩店宝彩票老版本| www.542153.com-用彩绳编头发的视频| www.439646.com-时时彩五星直选组合| www.1217.com-555彩票手机购彩| www.9632.top-彩米科技招聘| www.46316.com-彩票站可以兑奖多少| www.019163.com-时时彩超强缩水安卓| www.102080.com-购彩平台代理违法吗| www.998274.com-广州福彩网公示| www.og36.com-快三快赚是真的吗| www.260602.com-中国体彩网电脑版| www.194687.com-彩票幸运号码| www.7734.live-九彩坪拱北的视频| www.53263.cc-快三能中多少钱| www.664861.com-专业彩吧助手彩票| www.785121.com-海南7星彩解梦| www.856082.com-梦见七星彩号码中奖| www.933663.com-最新彩票指南电子报| www.986896.com-各种彩票开奖号码| www.uc3.cc-体彩开奖号码| www.tv80.com-快彩王下载安装| www.4uv.com-福彩怎么查中奖| www.60qw.com-老王足彩篮彩| www.61918.com-中国福彩开奖几次| www.316668.cc-新浪爱彩app| www.13477.cc-吉林快三和值图片| www.471400.com-利搏彩票解马| www.586443.com-申请58元彩金| www.672063.com-机乐型彩票-| www.742348.com-8亿彩骗人的吗| www.828295.com-时时彩免费软件| www.897785.com-体育彩票加盟条件| www.968843.com-九彩洗衣液骗局| www.cai9999.cc-分分快三全天计划| www.gx77.com-共享彩票的网址多少| www.w17.cc-体育彩票能不能中| www.088885.cc-盛邦玩彩票是真的吗| www.165873.com-芜湖县福彩中心| www.254367.com-下载大发分分开快三| www.341483.com-诺亚国际时时彩平台| www.414036.com-七彩教育简介| www.506183.com-彩票投注生成模拟器| www.575001.com-廿肃快三-| www.635435.com-江苏快三大小算法| www.702381.com-星辉彩票客服电话| www.768990.com-3d选号彩报汇总| www.839272.com-福利彩票是什么单位| www.895537.com-排三走势图乐彩网| www.961940.com-三彩女装店-| 彩票驿站www.2350d.com| www.53521.cc-时时彩88平台注册| www.199902.com-高频选5彩票软件| www.057819.com-河北快三怎么选号| www.75177.cc-福利彩票程序是谁| www.132809.com-彩色混凝土工艺| www.8639.loan-彩彩乐群英会走势图| www.595217.com-快彩王k3447| www.54120.com-足球博彩看盘| www.869790.com-惠民彩票合买平台| www.959536.com-彩名堂网页版| 大赢家彩票平台www.258015.com| www.74828.com-足彩分析软件免费版| www.310356.com-兴平体彩-| www.389241.com-加盟彩票站最便宜| www.49210.com-众彩网单场足彩推荐| www.lc43.com-彩99下载安装| www.190413.com-安徽快三app| www.6533.top-天天爱彩票双色球| www.250529.com-中彩彩票手机买大小| www.598820.com-彩票根据什么选号| www.536723.com-中国最牛的彩票店名| www.x86.org-澳彩盘口-| www.iy74.com-浙江省体彩走势图| www.73lh.com-天空彩开奖结果| www.8885.pro-竞彩中奖红单图片| www.6761.xyz-多彩乐吉林快三| www.632342.com-彩天下恒泰-| www.711847.com-e彩堂是正规平台吗| www.813643.com-宁夏体育彩票官网| www.882497.com-重庆五分彩开奖| www.942044.com-广西福彩票网| www.988792.com-神兽时时彩app| www.at02.com-福彩时时乐走势图| www.yo90.com-七乐彩走势图综合| www.857285.com-怎样上网买彩票| www.956330.com-彩票之家兔费料大全| 福利彩票www.99677q.com| www.fk56.com-网赌彩票害死多少人| www.23387.cc-七乐彩除九走势图| www.97544.com-怎样查福彩中奖了吗| www.122840.com-执行彩票公益金| www.222542.com-彩票游戏注册就送| www.367285.com-哪个彩票平台返奖高| www.2762.cn-唐山福利彩票| www.43257.com-彩牛彩票安卓版| www.337709.com-电脑彩屏解决原因| www.759715.com-云彩彩票网注册| www.888037.com-彩票盘口是什么意思| www.971749.com-创彩网平台是真的吗| www.99265.com-乐合采竞彩官网| www.716825.com-出售送彩金彩票平台| www.779329.com-今晚体彩七位数预测| www.799501.com-一品彩票网-| www.889380.com-如意彩票平台靠谱吗| www.997737.com-彩票20选8规则| www.fz38.com-中乐彩官网-| www.m83.cc-竞彩输的倾家荡产| www.659.mobi-网易彩票排列五直播| www.6756.top-福彩七乐彩开奖结杲| www.x09.org-赚钱快方法彩票| www.cp6938.com-安徽省福彩快三玩法| www.948796.com-彩票种类大全| www.327616.com-明天彩票开奖号码| www.387443.com-钢化彩膜怎么贴| www.503978.com-彩票验票上写名吗| www.579672.com-巨龙国际彩票| www.652087.com-葡京彩票注册平台| www.713568.com-彩色的翅膀作者资料| www.822373.com-城彩娱乐平台| www.930654.com-国外高频彩种类| www.977026.com-河南的彩礼是多少|