头像

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

来源:http://www.360qzol.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.360qzol.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
159彩票 www.071749.com-体彩店开业宣传单| www.rw27.com-河北省快三预测号码| www.000092.com-海南体彩领奖地址| www.143898.com-体育彩票今天选号| www.590579.com-七星彩图库参考| www.565788.com-龙虎彩票图片| www.730996.com-彩票梦想专用| www.456023.com-红菜苔彩票是真的吗| www.39zj.com-巨丰彩票50705| www.5461.pw-2块钱彩票-| www.618028.com-幸运彩走势图软件| www.6694.me-顶级彩票登入| www.53522.com-虹口竞彩网点分布| www.1478.org-夸人彩虹屁文案| www.86fn.com-七乐彩软件下载| www.91753.cc-手机打彩票软件下载| www.595160.com-双彩论坛3d双采图| www.2556.wang-快三能算出大小吗| www.678993.com-福彩3d中彩网北海| www.312758.com-江苏快三杀号| www.7786.me-买彩票中奖后的感想| www.1819.pw-老时时彩助手安卓版| www.350993.com-鸿运彩票网址是多少| www.z34.net-全新彩票下载安装| www.964366.com-中国彩票开奖信息| www.02ql.com-澳门惠民彩2017| www.531456.com-彩铅画动漫人物图片| www.6826.vip-中国足彩购买规则| www.33592.cc-三合开彩结果| www.385451.com-怎么买彩票双色球| www.540130.com-乐点彩8-| www.920321.com-中彩网预测-| 网易彩票www.9356r.com| www.599677.com-怎么才能中彩票大奖| www.492443.com-福彩提成多少| www.569602.com-美国好彩香烟在哪买| www.744916.com-彩票管理条例实施| www.299721.com-冠彩网下载-| www.sk4.com-体育彩票怎么看中奖| www.117040.com-彩票十一选五app| www.92vu.com-彩票高级师培训班| www.9695.club-港彩开奖资料大全| www.48978.com-体彩千里马专家预测| www.236188.com-移动积分买彩票| www.168044.com-福彩快三官方网站| www.8821.loan-澳彩网下载-| www.587226.com-嘉定中奖彩民图| www.434494.com-广东福彩查询电话| www.865152.com-快三彩票的预测算法| www.673053.com-七星彩的中奖方式| www.756236.com-东莞体育彩票店转让| www.841034.com-彩妆盘哪个牌子好| www.907485.com-赛车彩票怎么玩稳赢| www.579945.com-今日福彩开奖直播| www.321899.com-爱乐透彩票网址| www.959804.com-时时彩对刷稳赚原理| www.bq97.com-至尊争霸快三| www.70wm.com-时时彩计划抢眼团队| www.705339.com-中福利彩票领奖程序| www.ab79.cc-快三二同号投注技巧| www.678731.com-足彩必发指数盈亏| www.772951.com-微信送99彩金| www.104508.com-泰国彩票开奖网址| www.204141.com-1分快三稳定计划| www.301377.com-6合万彩王中王| www.120246.com-彩票查询3d预测| www.206452.com-福彩快乐彩走势图| www.96nj.com-排练和彩排的区别| www.4090.in-香港彩报-| www.011883.com-周六什么彩票开奖| www.6469.vip-彩票刷流水话术| www.424334.com-私人彩票是否合法| www.3477.com-彩票买什么好| www.j82.club-福彩体彩谜语藏机图| www.6624.cc-933彩票老款| www.16zu.com-700万彩票-| www.230043.com-快三最晚几点结束| www.794339.com-春节后福彩开奖时间| www.444.cm-五福彩票客户端| www.765888.cc-快三的跨度怎么看| www.08867.com-深圳福彩作假| www.65589.com-赢家彩票注册| www.028669.com-快三黑彩怎么不输| www.585292.com-免费送彩金18| www.675825.com-七乐彩二等奖概率| www.770440.com-竞彩篮球大小分规则| www.851984.com-彩票七位数中前六位| www.5195.cn-免费白菜彩金| www.42du.com-彩票复制什么意思| www.6929.net-七彩视界连不了网| www.884669.com-王阳点评彩票| www.964403.com-500竞彩足球比分| www.cp219.com-快彩3app-| www.tr35.com-福彩快三江苏| www.56mv.com-北京五分彩开奖记录| www.4536.xyz-微信购买福利彩票| www.09236.com-彩39购彩-| www.v62.cn-竞彩高手谈心得| www.722651.com-竞技足球彩票怎么玩| www.7170.vip-808福彩下载安装| www.333304.com-体彩三d走势图| www.704433.com-彩88彩票骗局| www.799023.com-永旺彩票网平台| www.871143.com-彩票破解方法| www.935068.com-新浪彩票手机版| www.979126.com-贵烟好彩多少钱一盒| www.hn6.com-赤峰十一选五体彩| www.569105.com-快三调整20分钟| www.087367.com-最好的彩票平台源码| www.181192.com-福彩快3彩票怎么玩| www.818621.com-福彩体彩开桨| www.878587.com-内蒙古体彩软件| www.934308.com-智博彩票代理| www.976819.com-山东彩礼-| www.ul3.cc-中国体彩开奖结果| www.751773.com-中国福彩彩票开奖| www.014451.com-七乐彩杀号秘笈| www.791479.com-关于京东彩票| www.881437.com-足球博彩软件app| www.958615.com-七星彩头奖规律图| 68彩票www.68689k.com| www.it68.com-复式彩票怎么买| www.zq19.com-彩彩报三d-| www.119575.com-河北快三冷号查询| www.199939.com-福彩快频彩即将取消| www.18gv.com-福彩七乐彩时间| www.1429.cn-大赢家彩票是什么| www.119081.com-双色球杀号彩乐乐| www.3qv.cc-京彩集团是做什么的| www.45627.com-江苏快三在线计划| www.763120.com-华宇彩票能提现吗| www.30lk.com-看一下昨天福彩| www.690168.com-足彩凯利方差网| www.092152.com-乐发彩票注册手机版| www.177196.com-江苏快三是什么套路| www.091596.cc-登录春秋彩票| www.195161.com-体育彩票规则| www.254529.com-好彩投网站-| www.045204.com-网上彩票代理佣金| www.8061.xyz-玩手机彩票怎么回本| www.012568.com-彩票网站制作一条龙| www.93342.com-上期七星彩-| www.56582.cc-邯郸体彩-| www.382432.com-创名彩票有人带玩吗| www.295682.com-澳洲时时彩精准计划| www.368776.com-大众彩票网站| www.470400.com-国外怎么买足彩| www.502717.com-多彩下载app| www.388888.com-体彩大乐透购买中心| www.657411.com-手机481百宝彩| www.129781.com-澳客网比分直播足彩| www.uv57.com-大玩家时时彩平台| www.5346.vip-秋天风景彩铅画图片| www.56uf.com-附近体彩站离多远| www.176367.com-全天百盈快三计划| www.961648.com-11进5是哪种彩票| www.29kj.com-足彩搜狐-| www.313677.com-体彩飞鱼稳赚技巧| www.678295.com-上海福彩网3d| www.766256.com-湖北体彩快三| www.848771.com-彩光嫩肤祛痘印| www.931767.com-体彩一万整交税吗| www.989700.com-中彩国际时时彩| www.yn30.com-彩票体育彩11选5|