头像

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

来源:http://www.whxx168.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.whxx168.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
pk10 www.13rb.com-彩票3d三地胆| www.0068.mobi-美国的彩票几种类型| www.25728.com-聚彩官网是合法的吗| www.73480.com-9万彩票下载安装| www.022726.com-约彩365下载| www.089660.com-彩票刷流水技巧| www.161333.com-北京彩票官方网站| www.339451.com-体彩排3今天试机号| www.422255.com-酷狗彩铃下载| www.525239.com-福彩新时时彩走势图| www.623721.com-福彩计划独胆| www.687989.com-吉林福彩快三预测| www.761134.com-南粤好彩1的规律| www.880198.com-彩票套利吧-| www.978661.com-好彩高手论公式| www.fa64.com-彩票破解软件大全| www.xt96.com-一元钱彩票-| www.20sx.com-黄家彩世界下载| www.696.cm-360彩票工作室| www.4768.wang-凤凰彩票是不是送钱| www.01700.cc-众购彩票网路线| www.99995.com-246天天彩票| www.068344.cc-福彩十二选五| www.135265.com-足球竞彩平台| www.212334.com-优信彩票大发时时彩| www.286024.com-福彩三d解太湖汇总| www.412999.com-约彩365胜负彩| www.519875.com-中国福利彩票快乐采| www.589035.com-彩经网专家免费预测| www.661939.com-竞彩串关表-| www.778204.com-互联网购彩最新消息| www.867742.com-开心七星彩网| www.948339.com-彩票投哪些注| 彩3彩票www.c3714.com| www.cb34.com-彩81下载-| www.td21.com-开福彩好还是体彩好| www.00zz.com-快乐彩前三直选走势| www.73mt.com-可信的彩票软件网站| www.1408.pw-好运来彩网是个黑网| www.06775.com-福彩3d彩票安装| www.50757.com-海南私彩中奖规则| www.92720.com-彩票吧app下载| www.054989.com-大连体彩站出租| www.163926.com-彩票到底害死多少人| www.249294.com-天天中奖彩票软件| www.321085.com-中彩和体育福利| www.393513.com-国彩开奖结果| www.531133.com-买彩票止损-| www.611105.com-谁有好的彩票计划群| www.681562.com-豪彩vip是传销吗| www.757859.com-玩彩票如何才能赚钱| www.862156.com-南国彩票论坛特区| www.925251.com-体彩排列三独胆王| www.980928.com-彩788反水时间| www.ff59.com-安徽快三下载app| www.wf31.com-福彩幵奖结果今天| www.11oo.com-577彩票会员中心| www.77bp.com-三b彩票中奖号码| www.1324.vip-0365彩票合法吗| www.9532.online海南七星彩投注网仔| www.46885.cc-高频彩票团队计划网| www.89565.com-日免软好彩多少钱| www.039937.com-大发快三软件公司| www.138215.com-福彩3d神器-| www.210023.com-彩神v怎么样| www.277151.com-彩民之星专家预测书| www.375863.com-欢乐彩有安卓版吗| www.489779.com-时时彩代-| www.558996.com-《彩虹的约定》歌曲| www.623591.com-福利彩票刮刮奖诀窍| www.688788.com-鸿鼎彩票注册| www.762525.com-北京福彩官网快3| www.879406.com-丽水黑彩-| www.954020.com-安装一定牛彩票| 彩乐乐www.cll168.com| www.ck42.com-吉林快三和值走势| www.sn32.com-什么叫复式彩票| www.14sd.com-彩票开奖安徽体彩| www.90zu.com-即时彩票是正规的不| www.2145.cn-双福网福彩3d| www.7260.in-彩虹五无人机| www.19536.cc-福彩新浪彩票走势图| www.58713.cc-中国福彩彩报| www.040068.com-宝马彩票是个黑网站| www.120721.com-3d专家疯狂彩迷| www.184510.com-湖北快三精准预测| www.253172.com-36选7好彩一| www.318177.com-巨彩彩票app下载| www.379267.com-宝马彩票案黑幕| www.580806.com-重庆体彩中心电话| www.647373.com-胜负彩论坛-| www.733982.com-西安体彩竞彩店| www.799814.com-体育彩票开双色球| www.872269.com-七星关彩票店| www.954745.com-足彩2串1-| www.994052.com-福彩3地丹东图谜| www.cp3869.com-河南福彩快乐3开奖| www.ld63.com-甘肃快三推号技巧| www.b06.com-什么是好彩票双色球| www.22ah.com-7168手机彩票| www.579.red-分分彩后一押大小| www.3727.pw-球彩台在线看| www.8530.in-本期足球竞彩奖金| www.45255.cc-99彩票是骗局吗| www.84375.com-彩钢瓦型号规格图解| www.028485.com-举报黑彩-| www.094868.com-外围足彩哪里买| www.150845.com-51彩票app苹果| www.264168.com-彩票10个数字规律| www.339831.com-中福彩大奖如何领奖| www.403994.com-彩票破解app| www.502079.com-体育彩票如何看直播| www.564077.com-多彩贵州航空官网| www.623058.com-在网上怎么购买彩票| www.682855.com-中国福利彩票终端机| www.751253.com-彩巴巴软件下载| www.809199.com-彩票的中奖概率多少| www.873489.com-网易购彩合法吗| www.993467.com-足彩拉力理论解释| www.cp7739.com-合肥福彩快三走势图| www.kk14.com-易彩堂app主页| www.yt76.com-奇门测港彩-| www.11py.com-福彩3+d图谜总汇| www.69oc.com-黑篮彩虹的颜色| www.0147.com-彩笔造句-| www.8363.org-海南体彩直播现场| www.23451.com-瑞彩客户端-| www.58827.cc-中彩和体育福利彩票| www.021467.com-七k彩票-| www.080004.com-彩票缴税-| www.131371.com-信阳的彩礼-| www.194141.com-河北快三预测号| www.254176.com-糖果彩注册-| www.314254.com-时时彩这么玩| www.370227.com-彩票摇奖作假视频| www.444991.com-阿里彩票手机版| www.522222.com-计划五分彩-| www.578933.com-福彩3d牛彩杀码图| www.637003.com-手机可以看彩虹台吗| www.805756.com-彩票管理条例修订| www.876214.com-福彩排五走势图| www.948040.com-四川省体彩兑奖中心| www.981450.com-什么是彩票返点| www.st8.com-福彩三d开奖走势图| www.nj75.com-365足彩网-| www.n76.shop-河南福利彩票网官网| www.30nw.com-福彩在手机上怎么买| www.252.live-王牌彩票是骗局| www.2699.com-牛哇彩票app下载| www.7158.org-八面通七彩电影城| www.11716.cc-现在彩票开奖公正吗| www.44965.com-快三和值大小| www.79557.cc-粤淘彩票-| www.022196.com-福彩票双色球规则| www.078072.com-福彩在线是什么| www.128793.com-国家福利彩票的种类| www.187318.com-时时彩正规平台注册| www.241110.com-河北快三网络| www.299082.com-01彩票下载-| www.356594.com-员工中608万彩票| www.413605.com-竞彩6串50计算器| www.520746.com-大发彩票平台怎么样| www.579906.com-福利彩票开-| www.635532.com-彩票交税多少|