头像

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

来源:http://www.rvisio.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.rvisio.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.94kw.com-手机上怎么买体彩| www.og43.com-五分彩技巧-| www.757059.com-全民彩网是不是骗局| www.885270.com-彩票代打是真的吗| www.959768.com-1515彩票-| www.cp4792.com-十分快三技巧| www.sb01.com-红牛彩票网站真假| www.13wt.com-天下彩txcpcc| www.3254.xyz-凤彩网主页登陆| www.00176.com-什么是爱投彩票| www.734031.com-快三今天必出号| www.50hd.cc-排列三预测新彩吧| www.th08.com-快三怎么跳好看| www.05574.com-义乌市体彩办理处| www.051079.com-彩票路途遥远任务重| www.334915.com-高频彩平台出租价格| www.587067.com-福彩77-| www.809588.com-众乐彩官网下载| www.966651.com-河北福彩排5走势图| www.mp73.com-体彩河北11选五| www.585.me-山西福利彩票官网| www.00050.cc-彩色的包装袋机器| www.yn89.com-可以买七星彩的软件| www.022445.com-淘宝快三数据| www.185896.com-玩快三-| www.pn65.com-500彩票开奖| www.1094.xyz-银彩通306定投| www.32545.com-中彩票骗钱-| www.864806.com-手机平板彩膜项目| www.72196.com-逸彩时尚购物网站| www.gr74.com-彩票返点怎么算| www.7810.in-彩民的心声-| www.78218.com-优的体育彩票| www.144869.com-福彩3地专家杀码| www.522216.com-乐享彩票app下载| www.713963.com-福彩3d标准和差表| www.960039.com-哪个彩票网站送彩金| www.623937.com-今日竞彩足球对阵| www.822527.com-有没有买彩票的软件| www.939267.com-彩神88app-| www.08778.com-下网易彩票-| www.1933.me-彩票没人领-| www.61322.com-彩票开奖结果app| www.085375.com-大发彩票官方版| www.233799.cc-中彩网登录-| www.365808.com-家彩网排三的胆码| www.563553.com-q彩是合法的吗| www.708830.com-澳洲28是彩票吗| www.850417.com-足彩多串过关| www.059758.com-3d福彩组三怎么玩| www.l43.cn-财神彩票平台靠谱吗| www.091.cm-福彩双色球开奖频道| www.9688.hk-体彩大7刮刮乐| www.81298.com-0500彩票注册| www.102066.com-竞彩篮球投注| www.280928.com-足球竞彩分析网| www.766616.com-至尊彩快3-| www.zb49.cc-体彩彩票网上购买| www.06zc.com-彼岸花绘画图片彩铅| www.956556.com-彩票概率论-| www.894974.com-够力彩-| www.968491.com-彩民论坛74849| www.cp6318.com-在手机买彩票平台| www.5049.vip-足彩为什么停售| www.63439.com-新加坡福彩开奖结果| www.926630.com-新疆福彩中心| www.137622.com-浙江体彩61| www.132019.com-河南彩礼顺口| www.96ln.com-高频彩计算公式| www.760665.com-彩票店转让可以过户| www.856818.com-福彩十五选五跨度| www.980743.com-大同福彩中心电话| www.kd24.com-手机买彩票哪个靠谱| www.12xo.com-北京快三近期竞彩| www.883.website水溶彩铅画星空教程| www.341516.com-彩票搞笑广告语| www.37260.com-新星彩资料免费大全| www.89236.com-567彩票不能提现| www.062570.com-鸿运彩票计划app| www.655362.com-福星彩是什么意思| www.791242.com-快三彩票计划兼职| www.305664.com-也买彩app官网| www.020100.com-南国彩票7星彩论坛| www.954630.com-彩票宝app下载| www.4769.top-瑞典1分彩官网开奖| www.733101.com-南京市体彩中心号码| www.941712.com-彩票导航平台| www.fg92.com-吉林快三计划收费| www.557770.com-66彩票-| www.961605.com-怎样用手机买彩票| www.781403.com-现金百乐彩-| www.065028.com-私彩平台漏洞篡改器| www.8557.cm-大象彩票官网登录| www.008878.com-彩票竞猜夹娃娃能| www.747.com-福彩五星通选| www.5931.pw-长春体育彩票店| www.10317.com-看彩啦双色球预测| www.62993.com-c8万彩吧6彩| www.06906.com-近期双彩求开奖结果| www.96316.cc-我国体育彩票最早| www.059132.com-nba彩票网-| 新盈彩www.xinyc2.com| www.hc45.cc-彩吧助手走势图带| www.d88.com-山西竞彩大奖| www.2348.in-福利彩票cctv| www.8065.org-零基础水彩入门教程| www.26373.cc-中彩吧合法嘛| www.231921.com-湖北快三规律| www.519976.com-彩票预测专家可信吗| www.590543.com-梦图解码七星彩抓鱼| www.659495.com-吉林快三春节几号停| www.729826.com-彩票专业分析| www.803278.com-9号彩票捷豹| www.866365.com-昨天福彩什么奖号| www.930243.com-传统足彩返奖率| www.976734.com-四川遂宁彩礼价目表| www.ew3.com-快三怎样找下期跨度| www.lh84.com-中彩娱乐提现不了| www.e89.club-体彩金七乐中奖查询| www.hr19.com-中国福彩开奖公告| www.308201.com-福利彩票奖金计算器| www.361133.com-天牛彩报第五版| www.446786.com-最新福彩3d分析| www.531377.com-苹果机怎么下彩99| www.588745.com-彩票大-| www.649926.com-竞彩足球3串1技巧| www.713275.com-时时彩计划师| www.308687.com-北京逸彩快三| www.395549.com-体彩星期四开什么| www.553772.com-全国竞彩联盟推荐| www.628775.com-幸福彩票下载安装| www.371759.com-彩票5050-| www.822536.com-福彩金码千禧| www.cp8220.com-彩票驿站大发快三| www.bk53.com-鳄鱼彩票网-| www.31985.cc-彩票360安全购彩| www.0355.pro-神鸟彩票-| www.090983.com-南宁市福彩大厦| www.227629.com-彩票新闻中奖| www.344548.com-随机买彩票中奖| www.450864.com-3k娱乐彩票平台| www.545678.cc-足彩竞猜310| www.610903.com-七星彩票概率公式| www.729229.com-中国福利彩票新3d| www.317944.com-博彩游戏-| www.388806.cc-中国福利彩票地图| www.529013.com-福彩新浪直播| www.595360.com-双彩网是做什么的| www.089456.com-所以快三都有的平台| www.a19.in-618彩票下载安装| www.42gq.com-3d唯彩看球预测| www.599185.com-万博网上彩票投注站| www.150258.com-中国体彩排三开奖| www.746633.com-冀彩宝可信吗| www.826912.com-go彩票赚钱吗| www.886695.com-新浪福彩双色球杀号| www.997267.com-大乐透众彩网首页| www.33949.cc-深圳彩票分析师| www.96315.com-彩票何时才有的| www.2009.in-二分钟彩票正规吗| www.728618.com-体彩彩票走势图| www.858134.com-福彩时间开奖时间| www.957276.com-盈彩美女直播| www.sc6.cc-大发快三计划网页版|