头像

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

来源:http://www.nxxhsr.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.nxxhsr.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
福建快3 www.689389.com-51彩票网站-| www.853390.com-彩票秘籍预测码| www.927896.com-福彩3d独胆-| 亚投彩票www.ya022.com| www.fx26.com-彩票群名-| www.b55.org-微彩网排列五走势图| www.45py.com-厦门个人转让体彩店| www.0280.net-阿里彩票下载安装| www.5824.biz-7彩网下载-| www.18229.cc-彩票资料网站源码| www.69421.com-玩乐彩-| www.123419.cc-最新彩票信息网| www.207102.com-下载至尊彩app| www.289169.com-王者彩票-| www.408605.com-节假日卖彩票吗| www.523639.com-时时彩啊app下载| www.629290.com-沈兴辉彩票预测| www.709393.com-网上买彩票每张中奖| www.787225.com-彩经网时时彩走势图| www.873470.com-体彩排列3开奖| 博亿彩票www.656by.com| www.fl29.com-各种釉彩大瓶简介| www.yp08.com-香港12生肖彩票| www.29lf.com-3d胆码彩票| www.1107.in-足彩8串8什么意思| www.8195.biz-彩93下载苹果版| www.33536.cc-凤彩网双色球字谜| www.82793.com-2013彩票网下截| www.040233.com-体彩天下江苏快三| www.169097.com-快三胆拖表-| www.265009.com-网上买快三有保障吗| www.361653.com-福利彩票双色球开癸| www.465456.com-一分钟开一次的快三| www.559830.com-彩宝网站有没有骗局| www.635175.com-七彩音符小跳蛙| www.766069.com-鸿运彩票划归软件| www.862539.com-2013彩票网站| www.935352.com-苹果彩票网~手机版| www.986320.com-彩神网页版登录入口| www.mf9.com-内蒙古快三推荐号码| www.rg59.com-天津市彩官方网站| www.21oc.com-分分彩如何赢钱| www.530.gg-5分钟高频彩| www.4974.vip-中澳彩票是合法吗| www.09243.com-安徽福利彩快3| www.56808.cc-福建福彩快三彩控| www.046464.com-福彩开店距离| www.136342.com-广西体彩网上投注| www.219270.com-2345彩票-| www.296300.com-福利彩票投注网站| www.370488.com-彩钢瓦漏水用什么胶| www.475006.com-汇辰彩票28558| www.560579.com-乐彩论坛双色球| www.656170.com-下载融彩网-| www.895026.com-彩票可以往投资说吗| www.962522.com-福彩双色球兑奖方法| 500彩票www.50080q.com| www.ia53.com-竞彩容错投注说明| www.c02.top-中国竞彩网比分直墦| www.35pd.com-在香港哪里买彩票| www.1746.org-快三计划软件免费版| www.8787.in-腾讯彩票平台登录| www.46381.com-彩票团队人工计划| www.94458.com-正宗ig传统彩| www.060655.com-买时时彩私彩犯法吗| www.170712.com-上海快三手机助手| www.263044.com-福彩7等奖多少钱| www.356032.com-靠彩票发财-| www.446812.com-竞彩中什么叫交叉盘| www.542283.com-大乐透彩票怎样兑奖| www.705970.com-发彩app正规吗| www.786989.com-盛兴彩票网登录v1| www.865229.com-足彩网站-| www.921549.com-河北快三网上计划| www.974196.com-福运彩是正规的吗| www.08xr.com-3乐彩是骗人的吗| www.83ox.com-彩票选号反选工具| www.2200.in-黑彩快三-| www.7927.cc-博彩彩票安卓版| www.28119.cc-体彩属于哪个部门| www.72759.com-国外足彩数据网站| www.083185.com-悉尼快三-| www.150331.com-彩票中奖后去哪缴税| www.253225.com-秒速时时彩全天计划| www.327174.com-澳洲五分彩开奖助手| www.397504.com-福彩网用户登录| www.541897.com-京东进军彩票| www.626997.com-体育彩票什么时候开| www.698651.com-动漫彩铅颜色搭配| www.777982.com-乐意彩票-| www.883748.com-网络彩票黑客| www.965374.com-玩快三输了怎么回血| 500万彩票www.638807.com| www.ik37.com-中彩那天的课文| www.zl77.cc-江西快三开奘结果| www.29ud.com-时时彩全包法| www.0757.live-8k彩票平台注册| www.7098.biz-怎样时时彩赚钱| www.22716.cc-广东福彩快乐彩输| www.64789.cc-红彩网怎么样| www.041848.com-挪威彩票最高奖金| www.127170.com-彩铅画春天风景教程| www.201163.com-七星彩跨度走势图| www.270393.com-彩票销量下滑| www.446204.com-乐彩论坛h5-| www.537191.com-猜冠军彩票的玩法| www.631702.com-七彩视界vip会员| www.700412.com-网上在哪儿买彩票| www.777625.com-彩票销售代表工资| www.882527.com-彩色画-| www.952715.com-快三心得验证| www.600880.com-刺客研彩网论坛首页| www.989432.com-福彩3d秘诀彩经网| www.ac56.com-qq彩票网-| www.v25.cn-19037足彩分析| www.76om.com-七乐彩时间开奖结果| www.4027.cm-sb博彩公司全称| www.03823.com-该不该买彩票| www.55307.com-时时彩五星最稳打法| www.007351.com-今天体彩开奖视频| www.091186.com-微微彩票官网下载| www.169228.com-醒快汇内蒙古快三| www.328399.com-福彩精英论坛| www.404041.com-金鱼彩铅画图片| www.513571.com-时时彩二星直选规律| www.589037.com-福彩专家预测胆码| www.654213.com-假彩票机中国福彩| www.728156.com-竞彩网的精彩团队| www.808411.com-优彩打不开-| www.874984.com-时时分分彩骗人吗| www.er51.com-乐彩网最新版本| www.we54.com-福利彩票店图片| www.169519.com-福彩河南快3| www.330793.com-大发彩票手机靠谱吗| www.432896.com-用彩票大数据赚钱| www.565408.com-南通市竞彩网点| www.643273.com-二分钟彩票-| www.712831.com-鸿鼎彩票92580| www.785953.com-体彩排三画谜总汇| www.858537.com-彩神计划软件下载| www.922496.com-足彩比分技巧| www.979367.com-缅甸好彩双爆珠| www.3760.org-七星彩神算孑图纸| www.8985.top-天津体彩开奖| www.332894.com-五百万彩票网官网| www.428765.com-苏州福利彩票网址| www.523827.com-万豪福彩下载最新版| www.592675.cc-彩虹902无人机| www.659516.com-人工智能足彩新浪| www.730191.com-神彩争霸11下载| www.796149.com-彩票对比器360| www.867356.com-福利彩票几点停卖| www.925973.com-千里马福彩3d荐号| www.978642.com-c彩61网址-| www.k00.me-彩票ab对打-| www.34vw.com-众彩网乐天排列三| www.476.xyz-红旗彩票投注记录| www.3813.in-158彩票官网登录| www.8929.cc-彩票七星彩几点开奖| www.48168.com-彩软之家下载| www.82370.com-体彩大乐透开将结果| www.028459.com-名人彩票手机登录| www.099122.com-快三图号码表| www.156711.com-中福快三网址|