头像

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

来源:http://www.jsxzbt.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.jsxzbt.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.872203.com-河北省体彩网| www.cp0533.com-520快三彩票网站| www.sj97.com-重庆时时彩不开奖了| www.28fn.com-2019彩市休假| www.0154.me-无彩色黑白灰| www.7514.cc-福彩竞彩篮球规则| www.30946.com-生彩宝官方下载| www.84260.com-天津彩票app下载| www.054422.com-手机够快彩-| www.184557.com-福彩快3助手| www.270310.com-安徽省福彩发行中心| www.382700.com-足球彩票19022| www.520956.com-发展福利彩票的意义| www.605032.com-盈盈彩票下载| www.688480.com-山东福彩公众号| www.779848.com-瑞彩祥云抢红包开挂| www.870612.com-易旺大发快三| www.979893.com-体彩图谜总汇牛材网| www.kq75.com-重庆快三-| www.s89.club-唯彩网双色球预测| www.62mb.com-下彩网020-| www.1345.wang-福彩现在主任是谁| www.01701.com-网上免费送彩金网址| www.61601.com-柬埔寨博彩客服| www.026151.com-网上怎么开设私彩| www.112128.com-福彩3d缩水程序| www.192244.com-优乐彩app下载| www.276414.com-甘肃快三和值怎么玩| www.402757.com-乐购彩票平台怎么样| www.523552.com-5分时时彩开奖号| www.629842.com-吉林快三遗漏软件| www.707695.com-彩票号码历史开奖| www.791141.com-彩票模拟投注app| www.874233.com-彩票源码修复| www.982627.com-腾龙时时彩软件下载| www.qy9.cc-极速快三开奖统一吗| www.td90.com-手机快彩平台官网| www.11lf.com-河内五分彩漏洞软件| www.89kj.com-陕西欢乐十分彩| www.2953.cn-体彩扑克3-| www.9107.vip-黑客门彩美-| www.75581.cc-彩票怎么倍投| www.032771.com-金沙黑彩怎么样| www.114127.com-福彩3d74期跨度| www.190900.com-人人彩怎么关了| www.271867.com-牛彩湖北快三| www.406961.com-类似中信彩票的网站| www.523390.com-福彩刮刮乐吧| www.681260.com-天天中彩怎么提款| www.765946.com-破解大发快三公式| www.870182.com-精彩是什么意思| www.955441.com-黑彩票平台破解器| 彩71www.197802.com| www.jd53.com-派彩广西快3| www.f76.com-101亿彩票-| www.44am.com-至尊博彩是什么意思| www.851.org-铁公鸡彩票下载| www.5627.me-七星彩选号器手机版| www.12578.com-彩票兑奖时间周几| www.58726.cc-江西时彩时彩app| www.081580.com-中彩网带单盈利| www.150369.com-福气快3彩票网| www.254890.com-湖北快三如何中奖| www.332059.com-体彩大-| www.413023.com-约彩彩票不能买| www.522767.com-彩虹51手机版| www.639790.com-一分彩牛牛怎么玩儿| www.733202.com-江苏体彩中心在哪| www.811332.com-中国福彩快乐五分钟| www.889138.com-彩店宝ios-| www.976024.com-彩礼用来干嘛| www.ky5.com-三分三块彩票合法吗| www.rg73.com-海南彩票开奖| www.12xf.com-重庆时时彩官方登录| www.86nu.com-查今天七乐彩开奖号| www.2660.vip-便民工作室福彩中心| www.8679.top-福彩3d预测彩票群| www.62611.com-全民竞彩电脑下载| www.025157.com-老快三游戏下载大全| www.101461.com-九号彩票手机登录| www.173520.com-福利彩票快三怎么玩| www.282860.com-三千万福彩-| www.371156.com-时时彩黄金计划王| www.472163.com-福彩22选五开奖号| www.558984.com-彩虹的约定原唱是谁| www.629249.com-湖北快快三计划软件| www.235052.com-新九州彩票-| www.368176.com-体彩六十1-| www.459008.com-约彩365苹果版| www.539124.com-时时彩杂六可以追吗| www.687035.com-彩票投注站怎么样| www.767785.com-体彩中大奖彩票单| www.888622.com-搜索一彩-| www.968314.com-时时彩导师的骗局| 幸运彩票www.876899.com| www.jn78.com-五亿彩票网安全吗| www.d29.bid-皇都彩票手机版下载| www.35am.com-天涯海南彩票论坛| www.1054.live-彩票卖一张赚多少钱| www.7733.mobi-吉利快三下载安装| www.77995.com-快三河北推荐| www.055064.com-竞彩网比分-| www.161109.com-北京彩票站论坛| www.615736.com-体彩大乐透是几位数| www.718718.com-彩虹是怎么产生的| www.816573.com-双色球预测彩宝贝| www.892212.com-玩足彩输倾家荡产| www.962075.com-大彩网抢红包| 瑞彩网www.809217.com| www.lt16.com-好彩1预测-| www.n11.cn-热购彩票app| www.42uv.com-查彩票下载什么软件| www.549.xyz-怎么登陆优乐彩| www.4292.cn-福彩字谜双彩论坛区| www.9668.biz-河南开封女人的彩礼| www.94107.com-今日新鲜事彩票开奖| www.056902.com-海南七星彩网大奖网| www.144132.com-福利彩票真的能中吗| www.873933.com-网易彩票可以提现吗| www.984842.com-体彩最新选号法| www.ci87.com-好彩极速快三app| www.ub64.com-彩票统计预测法| www.04ci.com-彩库宝典安装不了| www.71io.com-恒大彩票安卓手机版| www.036895.com-第一彩票应用| www.198921.com-山西福彩快乐10分| www.268959.com-分分彩必中方法| www.361924.com-下载248彩票平台| www.445355.com-鸿大彩票-| www.537408.com-我国合法彩票有哪些| www.658336.com-老彩票网-| www.740833.com-幸运28彩票网站| www.809821.com-好彩网3d字迷| www.880842.com-8号彩票兼职| www.972417.com-彩铅唯美人物| 500彩票www.607269.com| www.hz08.com-快三游戏是啥意思| www.xy06.com-bu彩票-| www.12ok.cc-伯乐彩票-| www.79dm.com-小鹿网络时时彩升级| www.1487.vip-玩时时彩怎么做计划| www.06308.com-福彩和值最大遗漏| www.48296.com-网上买竞彩-| www.89775.cc-年会彩票平分评论| www.038544.com-彩票的图片-| www.148567.com-黑龙江福彩官方网站| www.289362.com-七乐彩现场开奖结果| www.366849.com-快三助赢软件| www.448002.com-好123彩票彩娱| www.533210.com-7星彩开奖结果下载| www.631691.com-顺丰彩票是黑平台吗| www.695216.com-彩票大乐透试机号| www.767119.com-彩票5000万下载| www.867611.com-廉江七星彩高手论坛| www.925155.com-727彩票官网| www.975606.com-上官燕最新七星彩| www.cm4.com-福利彩票理念| www.mo07.com-时时彩作弊软件| www.r66.net-体彩真假-| www.36nr.com-安然七星彩推荐| www.830.vip-网络主播彩票| www.4274.cn-西安三彩集团的套路| www.9032.vip-香港天空彩票| www.52353.com-好彩网怎么玩|