头像

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

来源:http://www.lifes-exciting.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.lifes-exciting.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.111140.com-爱彩168-| www.405475.com-福彩3d栋栋团队| www.563255.com-大发快三不倒翁投注| www.062673.com-幸运五星彩开奖奖表| www.195785.com-江西福彩中心电话| www.868474.com-七星彩走势图新浪网| www.484369.com-三分快三风彩| www.id69.com-江苏快三平台登录| www.248181.com-518彩票网址| www.866483.com-彩票平台互刷的漏洞| www.011440.com-福彩啥时候开奖| www.764.me-时时彩10个号全买| www.6006.net-明天3d彩票开结果| www.299219.com-体彩排三排五开奖号| www.96up.com-高频彩背后-| www.24170.com-彩铅画画上色技巧| www.023438.com-各类彩票玩法| www.100523.com-百乐彩客服-| www.181657.com-贵州快三开奖纟结果| www.298759.com-甘肃快三推荐和值| www.429699.com-创意水彩画动物图片| www.771165.com-福彩游戏跟单兼职| www.095503.com-关注多彩贵州网| www.02163.com-戒掉彩票的办法| www.295670.com-大发快三和值根据| www.409228.com-vr3分彩计划| www.230453.com-彩运8鼎盛-| 七彩www.53900q.com| www.501922.com-彩票平台彩金套利| www.9595.tv-昨晚七星彩结果| www.202079.com-苏州福彩兑奖中心| 大赢家彩票平台www.810715.com| www.le00.com-湖北福彩手机投注| www.060060.cc-福彩3d多少钱一张| www.771552.com-时时彩后一七码技巧| www.385946.com-彩票史上第一大奖| www.917955.com-网络销售彩票犯法吗| www.r96.cc-找一下江苏快三走势| www.088565.com-万鼎网彩票app| www.129705.com-七乐彩走势中彩网| www.886763.com-大大中彩票在哪下| www.956744.com-4567彩票网-| 500彩票www.50080z.com| www.630766.cc-彩票开奖查询25期| www.54947.com-足球彩票18096| www.064267.com-下载体育彩票大乐透| www.791609.com-买竞彩输得家破人亡| www.46vo.com-彩票店投资-| www.588759.com-蓝彩开奖结果新浪| www.688697.com-广西风采广西福彩网| www.785101.com-福利彩票视频直播| www.661913.com-足彩最多可以穿几场| www.731573.com-山东体育彩票11| www.810307.com-全民彩票手机版下载| www.900365.com-e乐彩官方app| www.965634.com-快三猜一码是多少| www.cai3022.com内蒙快三参考| www.lq39.com-今日中彩网靠谱吗| www.588492.com-七星彩神算孑图纸| www.654613.com-中国彩票合法吗| www.721705.com-5分快三计划群| www.520851.com-福彩最大奖-| www.2310.cn-彩吧图谜全图九| www.273167.com-l23网体彩福彩| www.511499.com-神彩趋势分析系统| www.5663.in-体彩大乐透严重作弊| www.389968.com-大乐透彩票开奖规则| www.567425.com-广东省福利彩票| www.638100.com-绍兴竞彩店-| www.716302.com-彩铅上色技法| www.790253.com-今晚福彩3d双彩图| www.857447.com-彩之源彩票是怎么玩| www.150912.com-彩宝贝短信点播| www.788442.com-彩要开奖结果| www.878231.com-盈彩彩票骗局揭秘| 幸运彩票www.5095a.com| www.393771.com-彩票中大奖兑奖时间| www.583092.com-2元彩票中500万| www.695754.com-竞彩足球m串n组合| www.799252.com-体彩打印纸-| www.948178.com-福利彩票2千亿| www.ya97.com-属狗买彩票买几号| www.46di.com-彩讯北京pc-| www.53352.cc-怎样下载乐彩33| www.362661.com-福彩3d预测字画迷| www.ot79.com-360彩票走势| www.99704.com-河内五分彩有漏洞吗| www.741578.com-福彩88下载-| www.847848.com-彩票助赢软件怎么样| www.69dw.com-彩票c16二维码| www.1968.space-足彩三串三-| www.22466.com-e彩堂买彩票靠谱吗| www.096058.com-正规的购彩平台| www.176326.com-福彩快三十分钟| www.087075.com-7125彩票下载| www.627701.com-一分彩买必中| www.733236.com-江苏体彩大乐透最新| www.589404.com-河南快三均值| www.098158.com-双彩网3d字谜| www.439366.com-彩之星网站-| www.yb84.com-天津福彩官网| www.900440.com-江苏体彩网官方网站| www.960140.com-广发彩票邀请码| 500彩票www.54p.com| www.bo02.com-彩票网站推广| www.250.name-双色球彩票多久一期| www.755746.com-购彩网上平台| www.721201.com-如何破解网络彩票| www.799510.com-搜索一品彩票网| www.09568.com-彩81平台-| www.805893.com-刮刮奖福利彩票| www.903456.com-万豪彩票助手老版本| www.969778.com-福彩连环夺宝害人吗| www.cai8234.com分分快三怎么玩稳赚| www.319266.com-彩投彩票-| www.12wn.com-有没彩票平台| www.946739.com-北京体彩店联系方式| www.995885.com-竞猜足彩310| www.bb66.cc-福彩3d开奖号| www.ql16.com-福彩在线是正规的吗| www.522293.com-亿彩网骗局-| www.819148.com-帮别人玩彩票赚工资| www.884740.com-鳄鱼讲彩大乐透| www.945062.com-乐中彩票官方网站| www.990722.com-河北福彩网官网公示| www.my.com-桂快3彩票怎么玩| www.qt50.com-福彩中心在哪| www.09058.com-天美彩票是不是骗局| www.266033.com-宁夏福利彩票快三| www.974.org-中五注七星彩| www.532389.com-临沂福彩站转让| www.615725.com-猴彩科技彩票靠谱吗| www.681279.com-沈阳福彩中心| www.755494.com-旺彩双色球以前版本| www.854874.com-极速快三怎样| www.910728.com-彩神彩专栏-| www.963367.com-大乐彩大发-| 彩之家www.32czj.com| www.bu25.com-彩票46-| www.542809.cc-彩客彩票37旧版| www.2029.red-体彩单式票-| www.78378.cc-福彩3d万能5码| www.bv34.com-帮我查一下彩票开奖| www.07139.com-下载买福利彩票| www.851862.com-内蒙快三综合版| www.912188.com-贩卖私彩构成什么| www.971421.com-体彩排列五中奖新闻| www.cai931.com-河南快三开奖结果| www.068399.com-赢彩王最新版| www.807422.com-彩票有规律么| 中国福利彩票www.6364q.com| www.909598.com-九宫五行测彩法| www.998553.com-中国体育彩票地图| www.dp13.com-快彩下载不了| www.108.ren-xpj彩票-| www.7038.top-竞彩篮球上哪买| www.83we.com-快乐分分彩在线计划| www.yi46.com-快三破解-| www.79gj.com-小说里出现的彩票| www.500965.com-众益彩票合法吗| www.575098.com-福利彩票双色球资讯| www.658322.com-彩神通代理软件下载| www.739038.com-世界杯彩票软件| www.854440.com-d9彩票客服-|