头像

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

来源:http://www.gianthc.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.gianthc.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.73077.cc-彩票团队赚钱靠谱吗| www.313590.com-快三买和值怎么玩| GO彩www.fo64.com| www.72583.com-福彩3d大花猫途| www.205960.com-新韩国快三开奖公布| www.796686.com-众博彩票无故钱没了| www.7461.com-中国彩票历史| www.450043.com-198彩总代理| www.786733.com-百胜快三是不是骗局| www.56622.cc-玖玖彩票app| www.hl.com-竞彩血的教训| www.025603.com-内蒙古快三综合走势| www.182326.com-老盘足彩-| www.45461.com-微彩排列5下载| www.667621.com-彩票官员查处几十位| www.797357.com-五百vip彩票网| www.318192.com-彩博888app-| www.167829.com-安徽彩票快3走势图| www.400606.com-彩客网软件下载| www.825122.com-体彩掌游彩-| www.930573.com-足球众彩专家汇总| www.996282.com-好彩0567靠谱吗| www.bg29.cc-赢家彩票注册邀请码| www.ub33.com-猜体育彩票术语| www.26ok.com-大朗体育彩票店转让| www.7mv.com-年终奖发彩票| www.74gv.com-彩票藏机图天气网| www.82478.com-中国香港快三| www.089249.com-大发快三如何压大小| www.168295.com-上海快三形态走势图| www.248905.com-730彩票app-| www.292028.com-上海时时乐彩票查询| www.398.cn-家彩网开机号试机号| www.458199.com-梦见买的彩票没中奖| www.877992.com-大乐透彩票往期| www.960036.com-彩票七天乐-| 8彩www.186126.com| www.it02.com-亿博大发快三计划| www.3201.vip-下载网易天天爱彩票| www.24766.cc-注册送彩金棋牌游戏| www.29058.com-手机可以购彩吗| www.89171.com-网易福彩19期直播| www.064669.com-谁有安全的彩票平台| www.392989.com-体彩昨天的开奖号| www.35tb.com-点击彩官网-| www.527427.com-彩经搜狗彩票走势图| www.9658.bid-彩独2完整版资源| www.842674.com-中国体育彩票公益| www.940368.com-福彩好彩三开奖结果| 688彩票www.070.la| www.165266.com-赠送礼金的彩票| www.270244.com-宫网567cc彩票| www.bl0.cc-湖北体彩11选5| www.274104.com-快三前三组中奖规律| www.376663.com-7星彩18143-| www.065228.com-乐迎彩票网址| www.4705.org-彩票店挣钱吗| www.cp5759.com-江苏快三预测| www.7092.shop-宁夏七彩艺校| www.34772.com-牛彩3d字迷论坛| www.18is.com-今天有那些彩票开奖| www.003119.com-八k彩票安装| www.085074.com-腾讯游戏qq彩票| 网易彩票www.072wy.com| www.362985.com-徐汇区福利彩票点| www.m12.org-盈彩在线大发快3| www.393633.com-重庆时时彩停止开奖| 双彩网www.631012.com| www.293422.com-买体育彩票靠谱吗| www.404069.com-彩铅画入门教程书籍| www.544868.com-彩票开发告别死工资| www.666125.com-众彩网投注安全吗| www.301203.com-福彩快三跨度表| www.700093.cc-彩神软件手机版| www.337303.com-双阳区快三赌博案| www.92.cc-台湾乐透彩资料网| www.168084.com-北京快三预测推荐号| www.259597.com-玩快彩王输了一万| www.174434.com-七星彩开奖-| www.678214.com-福盈门彩票准成么| www.775064.com-七星彩今天号码| www.728073.com-鼎盛团队5分彩计划| www.801612.com-彩票怎么定胆| www.867262.com-七星彩守号20年| www.813498.com-福彩3d牛彩涂谜| www.877494.com-福彩快三聊天室平台| www.941866.com-彩票网站代理怎么做| www.984034.com-彩99赢几十万| www.gx5.com-湖北快三游戏规则| www.536937.com-彩票黑点越少| www.673538.com-古建彩绘雀替| www.776573.com-彩库宝宝下载| www.jw53.com-彩神大发快3助手| www.194638.com-福彩三d开机号今天| www.235557.com-广东福彩网上投注| www.323342.com-竞彩篮球推荐网| www.122827.com-彩票计划最稳的网站| www.139534.com-四九彩票共享大全| www.221453.com-中福网彩票那个群| www.4ts.com-唯彩杀号-| www.da04.com-人人中彩票腾牛网| www.676519.com-好运来大发快三| www.738853.com-彩神争霸500官方| www.805677.com-足彩预测最准的软件| www.870359.com-有人拉我玩uc彩票| www.927338.com-吉林十一选五爰彩乐| www.973834.com-模拟彩票投注技巧| 云中彩www.400322.com| www.gi35.com-快三怎么看和值大小| www.wl97.com-凤凰彩票破解| www.15wf.com-在线买彩票机| www.85dq.com-福彩图谜丹东全图| www.2188.com-彩票新闻报道| www.947254.com-3d中国彩吧蓝仙子| www.5038.cm-旺彩11选5ios| www.8639.cn-百宝彩11选五| www.952474.com-最新彩票大奖| 500彩票www.394077.com| www.899647.com-彩81彩票官方网站| www.964076.com-极速时时彩六码计划| www.cai5345.com快三怎么玩赚钱| www.lm09.com-分分中彩手机投注| www.421091.com-金手指竞彩最新推荐| www.539668.com-时时彩一星倍投方案| www.618435.com-酷彩app不能提现| www.680047.com-什么是彩妆化妆品| www.743265.com-酷彩客户端-| www.929949.com-如何看彩票九宫图| www.974658.com-快三重大奖-| TT彩票www.526053.com| www.ej29.com-网上购彩最新消息| www.383728.com-彩世界安卓版下载| www.09282.com-体育彩票电话投注| www.65434.com-快三内部号码一注| www.485321.com-18世界杯有啥彩票| www.584527.com-诺亚彩票安全登录| www.674704.com-36o彩票大厅| www.737058.com-上海福彩免费下载| www.796959.com-彩票361官方网站| www.859796.com-体彩排3试机号查询| www.905551.com-足球彩票店选址心得| www.955528.com-彩票999app-| www.997181.com-中彩网wap网址| www.cc07.com-爱彩乐六个肖彩票网| www.rl36.com-北京快三彩票| www.029656.com-七星彩离奇中奖故事| www.355966.cc-彩票小概率玩法| www.52ij.com-福彩走式-| www.22617.cc-盛兴彩票app下载| www.68195.cc-体育彩票竞彩店转让| www.391342.com-时时彩追号追3天了| www.587887.com-彩色复印机机| www.671066.com-彩独2安卓下载| www.752371.com-c29彩票网登陆| www.808664.com-中国竞彩足球9场| www.870176.com-福彩30万是真是假| www.927647.com-世界杯彩票在体彩买| www.19qb.com-彩仙阁手机版| www.1964.xyz-3d彩吧怪字-| www.930895.com-南洋彩开奖号码| www.999374.com-e足彩-| www.pm42.com-快三北京和制图| www.o24.com-分分彩挂机软件下载| www.79rc.com-福彩精选列表|