头像

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

来源:http://www.landushi.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.landushi.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.610298.com-久久彩票怎么了样| www.cp8738.com-快三合法吗-| www.927289.com-韩国彩票网快三| www.290285.com-七星彩中几个号有奖| www.426001.com-怎样玩竞彩足球挣钱| www.d85.net-专业彩票计划平台| www.055.cm-最靠谱的彩票网| www.5396.biz-河北体彩快三玩法| www.861902.com-qq7彩票-| www.670084.com-彩票号几位数| www.pz16.cc-444彩票送-| www.597444.com-凤凰快三开投注技巧| www.65707.com-南方双彩网预测号码| www.191529.com-湖北福彩-| www.764581.com-一分快三开奖走势图| www.918646.com-u9彩票软件-| www.27897.cc-彩票怎样玩才赚钱| www.90965.com-美产无嘴好彩| www.101826.com-彩票合买骗局| www.184556.com-湖北快三跨度预测| www.021295.com-7k彩票71677| www.652145.com-新浪彩票手机版下载| www.697724.com-淘宝能买彩票吗| www.130165.com-能否网上买福彩| www.520448.com-穷人买彩票有希望吗| www.617166.com-体彩中心在哪里| www.705520.com-公司发彩票中大奖| www.782662.com-乐合彩票-| www.583108.com-河南福彩幸运一二| www.669697.com-网上哪里卖海南私彩| www.776272.com-火剪彩票下载| www.322013.com-中国体彩怎么看中奖| www.457448.com-讽刺买彩票的诗句| www.792373.com-彩票用手机怎么兑奖| www.194778.com-玩时时彩心态口诀| www.289532.com-七乐彩中奖金额查询| www.489979.com-福建体彩双色球玩法| www.566731.com-旺彩最新版本| www.lu21.com-好彩妹口诀-| www.3ce.cc-彩票黑平台举报电话| www.67ln.com-体育彩票旗舰店论坛| www.183359.com-彩票有规律吗| www.33046.com-南京体彩中心在哪里| www.680775.com-中国假彩票-| www.791786.com-中国体彩网竞彩| www.871611.com-福彩3d过滤缩水器| www.975769.com-赣县区彩礼-| www.cp9909.com-易彩快3一分钟一期| www.rh03.com-甘肃11选5爱彩乐| www.9wh.cc-彩票几点就不能买了| www.122495.com-八号彩票网-| www.870771.com-中博彩票开奖网站| www.493226.com-如何建立私彩平台| www.588609.com-七星彩奖结果查询期| www.667008.com-韩国3分彩-| www.740500.com-幸运28是福彩吗| www.812028.com-乐彩论坛净台版| www.881146.com-赢家彩票苹果邀请码| www.948919.com-3d福利彩票查洵| www.997792.com-爱心彩网址-| www.bw28.com-盈佳彩票app| www.rs98.com-彩票坊官方下载| www.667113.com-福彩三d选号王| www.789611.com-女足世界杯竞彩| www.vl04.com-私彩快三怎么玩稳赚| www.772930.com-下app送18彩金| www.683110.com-彩500群-| www.82832.cc-新浪网彩票预测| www.606832.com-属羊买彩票那些数字| www.550782.com-高频彩追号近一个月| www.940377.com-中国体育彩票官方| www.110375.com-七星彩够力奖规律图| www.212114.com-广西快三全天多少期| www.296159.com-彩票双色球开奖时间| www.61nq.com-体彩七星开奖查询| www.09xo.com-酷彩铸铁锅菜谱| www.8643.cn-彩票幸运飞艇| www.42901.com-北京体彩中心官网| www.089863.com-福利彩票的规律吗| www.268890.com-丹麦快乐彩开奖号码| www.651301.com-玩彩怎么规划本金| www.752975.com-速赢彩是真是假| www.836637.com-七乐彩缩水七保六| www.298909.com-彩票最快开奖结果| www.933275.com-幸运中彩票下载安装| www.31976.cc-彩票2元网可靠| www.947260.com-今日排列三彩吧图库| www.3269.biz-广西福利彩票发| www.te20.com-瑞彩祥云彩票app| www.b82.com-中国3d和值表彩票| www.31pd.com-星期六开什么奖彩票| www.a58.cn-玩竞彩心得-| www.560942.cc-安徽快三和值图表| www.770459.com-福彩快三好坑| www.885232.com-唐龙说彩福彩3d| www.986349.com-中国彩吧走势图| www.rc36.com-中福快彩app软件| www.87pw.com-七星彩四码取数法| www.913351.com-福彩808-| www.948791.com-下载本地万彩吧| www.314.red-彩票1288-| www.0512.me-新彩票网址-| www.533090.com-体彩排列三直播视频| 福彩网www.5522w.cc| 500彩票网www.61655d.com| www.y97.cc-彩神2官网-| www.86ql.com-包头彩票管理中心| www.921915.com-快三走势图贵州| www.ky30.com-518彩票网合法吗| www.809668.com-彩经彩票可靠吗| www.918346.com-900彩票正规吗| 新盈彩www.xinyc1.com| www.sn20.com-彩票店非法经营| 彩民网www.76520n.com| www.631641.com-体星彩开奖结果查询| www.69915.com-鼎盛冠军五分彩| www.049883.com-爱彩人彩票网| www.129940.com-胜负彩即时比分直播| www.190510.com-河北省快三出奖| www.uy1.cc-彩票123安卓版| www.713167.com-彩票排行榜软件下载| www.68se.cc-中乐彩怎么样| www.930974.com-快3中彩网真假| www.575108.com-百度彩票预测大乐透| www.991438.com-安微快三和值| www.33101.cc-快三玩法秘籍大全| www.21ih.com-彩票采集器图片| www.953940.com-快三追号打法| www.666662.cc-竞彩概率-| www.751420.com-七星彩号码走势图| www.856459.com-博彩返水规则| www.297262.com-分分快三能赢钱吗| www.c30.top-彩民福地登陆| www.089771.com-中福在线时时彩缩水| www.4127.me-彩虹无人机发动机| www.56df.com-陕西安康彩票中奖| www.8487.loan-彩票机转让-| www.360182.com-网络黑彩怎样做代理| www.526120.com-世界杯胜负彩怎么玩| www.630269.com-55215彩吧图| www.733134.com-中国体彩投诉电话| www.869613.com-我要查彩票开奖情况| www.957155.com-盈彩用户注册| 博友彩www.941194.com| www.26871.cc-七星彩生日选号| www.560890.com-彩票行业五行属于| www.188406.com-yy彩票平台注册| www.277752.com-中彩论坛网-| www.902142.com-河南幸运彩开奖当天| www.974150.com-正规腾讯分分彩平台| www.dj1.cc-盈彩网揭秘-| www.41407.com-有没有靠彩票赚钱的| www.59345.cc-彩铅画风景小清新| www.123791.com-体育彩票任选五| www.101747.com-红彩网安卓版下载| www.070008.com-足球彩票中奖图片| 天天彩票www.106560.com| www.xk24.com-鑫彩网诈骗-| www.93qb.com-易彩堂是什么公司| www.089814.com-凤凰彩票刷流水| www.197874.com-今天彩票开奖号码| www.110067.com-七星彩谁预测的最准| www.444326.com-彩38网投靠谱吗| www.560913.com-七乐彩手机选号网|