头像

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

来源:http://www.ldgxedu.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.ldgxedu.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.954071.com-超级时时彩缩水手机| www.506928.com-18076福彩开奖| www.0443.xyz-百度彩票软件下载| www.211300.cc-彩报中心彩报图库| www.006973.com-河南幸运彩号码图| www.096057.com-体育彩票的买法| www.89711.cc-三月足彩对阵| www.881750.com-万福彩票app| www.73xb.com-牛彩网摘网-| www.472785.com-吴江福利彩票中奖| www.523793.com-时时彩下期必出| www.883012.com-投彩是什么意思| www.ag82.com-河南快三走势图遗漏| www.548978.com-网上代购足彩| www.751217.com-彩票巴士在线| www.356125.com-彩票计算法-| www.949717.com-160彩票下载| www.66872.cc-怎么看彩票码中奖| www.530068.com-小鹿时时彩分析器| www.237078.com-足彩奖金计算| www.6633.cn-双双双彩论坛| www.501229.com-彩票4码多钱| www.813578.com-体育彩票竞彩调整| www.wx67.com-彩鸿彩票下载| www.95963.cc-足彩博彩哪里买| www.442199.com-分分彩定位胆高手| www.374588.com-今天篮彩预测推荐| www.597637.com-广东市体育彩票中心| www.670896.com-胜彩高手论坛| www.060773.com-绵阳附近体彩店| www.963413.com-澳客网足球彩票胜负| www.93066.com-五百万彩票竞彩网| www.952484.com-中奖彩票软件安卓| 杏彩www.00840s.com| www.ji80.com-大发时时彩-| www.s96.club-近期中奖彩票图片| www.60go.com-下载福利彩票走势图| www.1048.vip-彩票分析师的微信| www.6663.com-外围体育彩票| www.198637.com-大发彩票app安卓| www.4046.net-云南昆明彩砖机| www.601191.com-男子花50万买彩票| www.307705.com-派彩意思-| www.43530.com-苹果4s彩膜-| www.276551.com-苏州体育彩票网| www.359994.com-购彩顺口溜-| www.40509.com-腾讯分分彩手机| www.218720.com-福彩刷流水-| www.032477.com-快三赔率-| www.742909.com-免费彩金领取| www.854007.com-1分彩开奖结果查询| www.927068.com-530彩票-| www.982017.com-彩票每等中奖率| www.pi.com-内蒙快三跨度| www.912258.com-网上买彩票犯法么| www.975105.com-中国福彩北京小汽车| www.nx03.com-彩票九九集团| www.274689.com-甘肃快三全天计划| www.737574.com-吉林快三遗漏三同号| www.855029.com-速彩网黑平台| www.957249.com-福彩3d每期猜一字| 好运彩吧www.030238.com| www.8ml.cc-福利彩票40期| www.91dc.com-辉煌彩票诈骗| www.579600.com-福彩网是干什么的| www.004714.com-江苏快三形态走势| www.120193.com-宝马彩票网可信吗| www.kt46.com-彩票赚钱吗-| www.166093.com-快三规则-| www.247119.com-彩票怎么玩才能赚钱| www.311557.com-广东省快三图| www.252737.com-微彩-| www.828489.com-出彩啥意思-| www.488418.com-f49cc金彩网| www.590679.com-幸运彩是正规平台吗| www.676022.com-孝感彩礼一般多少钱| www.753266.com-d9彩票99269| www.830410.com-彩票店主版-| www.895625.com-甘肃快三豹子走势图| www.958091.com-9彩彩票平台登录| 500彩票www.514177.com| www.9064.loan-七星彩2288-| www.60qx.com-足彩11248计划| www.521629.com-体彩大乐透奖池奖金| www.590555.com-七星彩开奖抓码规律| www.663455.com-卖彩票犯法吗| www.731633.com-体彩段组-| www.798298.com-海南福彩额度| www.865727.com-彩票502万-| www.921606.com-龙虎彩票官网| www.974536.com-彩票快三中奖多少钱| www.cai55.cc-河北快三推荐号| www.603750.com-第二人生彩票中奖| www.320077.com-二元彩票-| www.194890.com-体彩上海十一选五| 500彩票网www.708330.com| www.85143.com-爱博彩票网-| www.867932.com-海南七星体彩论坛| www.gw86.com-爱彩app彩票软件| www.66517.cc-3d彩图字谜-| www.12882.cc-体育彩票有人中奖吗| www.27410.com-足彩310电子版| www.67988.com-新彩吧字谜画总汇| www.5980.top-体育彩票表格下载| www.165775.com-玩快三是什么意思| www.223211.com-福彩改为20分钟| www.286583.com-玩彩老头专栏| www.766780.com-上海天天彩选四奖号| www.209020.com-湖北福彩快三开奖| www.48210.com-众购彩票骗局| www.920052.com-摇彩票app-| www.14xk.com-qq买彩票是真的吗| www.1038.org-玩五分彩有什么技巧| www.830883.com-彩民高手坛论资料| www.902353.com-河南福彩勇士争先| www.964740.com-3d福彩规则及奖金| 快彩www.81678u.com| www.42fp.com-原彩显示耗电吗| www.441127.com-胆拖彩票大奖| www.980199.com-竞彩胜负-| www.15rq.com-彩礼20万多吗| www.5074.xyz-长沙彩民中1.6亿| www.732678.com-江苏省体彩网大乐透| www.799309.com-福彩钱庄-| www.866677.com-福利彩今天开奖号码| www.937114.com-快三公交车路线查询| www.982471.com-福彩端邀请码| www.ac62.com-山东体彩官网首页| www.g00.site-发达彩票是真的吗| www.50xf.cc-金手指足彩缩水公式| www.207.net-彩票平台为什么黑钱| www.618056.com-所有彩票开奖公告| www.050368.com-彩票店做外围| www.839683.com-彩色耐磨地坪公司| www.422178.com-彩59彩票下载安装| www.108785.com-网上彩票有赢钱的吗| www.257693.com-快彩中奖助手app| www.z24.xyz-app爱购彩票| www.80455.com-吉林快三大小微信群| www.71627.com-快3是福利彩票吗| www.805568.com-彩铅画凤凰-| www.2578.pw-中兴彩票-| www.812262.com-双色球预测彩吧网| www.58828.cc-彩票开奖三地试机号| www.8478.cc-乐亿彩票可以提现吗| www.61133.com-乐赢彩票网站| www.974916.com-7星彩和值走势图表| www.12250.com-福彩三的开奖结果| www.322883.com-彩票大厅双色球| www.01321.cc-竞彩足球雪缘园| 500彩票www.585808.com| www.98807.com-竞彩初赔特点| www.4989.org-香港新港彩官方网| www.130196.com-七星彩规律图表| www.406565.com-聚丰50701彩票| www.950280.com-福彩3d蓝精灵胆码| www.091978.com-百万彩票刷流水| www.24jh.com-手机膜图片彩色| www.439886.com-怎么注册时时彩账号| www.551703.com-甘肃快三分析| www.637049.com-彩虹六号历届冠军| www.776622.com-武汉休闲快三拉花| www.846918.com-体彩排三胆码排序图| www.947803.com-福彩3d的彩吧论坛|