头像

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

来源:http://www.weijinfan.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.weijinfan.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.286677.com-七星彩彩票开奖查询| www.283915.com-彩票平台注册送彩金| www.cai3166.com全国快三下载安装| www.rn26.com-互娱彩票百盈快三| www.26fs.com-开福利彩票站挣钱吗| www.389.tv-七星彩五行分布图| www.4889.vip-166彩票靠谱吗| www.09066.com-快三稳定盈利计划| www.57271.cc-锋彩直播最新版| www.185731.com-江苏快三怎么玩赚钱| www.012547.com-算局七星彩奖表下载| www.144809.com-时时彩外挂稳赢技巧| www.320308.com-休肓彩票7位数| www.426003.com-竞彩足球害的我很惨| www.566599.cc-彩经邀请码-| www.662541.com-盛兴彩票网v3导航| www.811935.com-苏州竞彩店转让赶集| www.887038.com-九龙彩票正规吗| www.131633.com-168彩票开奖记录| www.224457.com-胜利彩票无法提款| www.308863.com-彩票投注平台网站| www.386852.com-快三和值表格一| www.589129.com-成都市体彩中心地址| www.689067.com-天天彩票网址是多少| www.101678.com-李彩谭-| www.690953.com-总统彩票网投平台| www.777054.com-彩宝宝下载-| www.879522.com-爱彩通手机版下载| www.111613.com-3号彩票3h-| www.526308.com-快购彩票三网站| www.600166.com-酒后中彩4830万| www.230855.com-福利彩8手机版| www.319686.com-博友彩票app下载| www.402321.com-七星彩杀号定胆图谜| www.521608.com-保定彩票店转让| www.592608.com-苏州双色球快三| www.668922.com-体彩牛彩网图谜总汇| www.748542.com-01彩票邀请码| www.815080.com-军人中了彩票| www.899314.com-彩81怎么下载| www.964917.com-电脑福利彩票查询| 大赢家彩票www.589411.com| www.lj69.com-彩8苹果版-| www.m95.com-不黑的彩票平台| www.78cn.com-香港足彩-| www.2101.space-张家港福利彩票中心| www.02594.com-福彩吧靠谱不| www.22515.cc-现在结婚彩礼多少钱| www.777113.com-锋彩直播tv下载| www.276646.com-在鸿彩网被骗了| www.27289.cc-体彩漏洞坐牢| www.523396.com-圣地彩官网开奖| www.009086.com-今晚彩票开奖情况| www.08272.com-湖南体彩排三| www.198577.com-彩票试玩赚钱软件| www.386496.com-重庆体彩网点电话| www.09952.com-山东福利彩票地址| www.wx41.com-福彩七乐彩中奖概率| www.63dr.com-福彩3d不宜天下| www.1800.top-彩票中奖10亿小说| www.858639.com-看看福彩开奖| www.pe24.com-彩票走势图表软件| www.6526.cn-高兴彩票手机| www.8496.loan-彩票中数字的奥妙| www.068227.com-彩名堂苹果app| www.537990.com-七彩色公司-| www.77256.cc-为什么中彩票这么难| www.144580.com-河北快三能组多少组| www.31589.cc-麒麟足彩-| www.372603.com-下载天天彩票αpp| www.63863.com-体彩竞彩胜负平| www.231683.com-中福彩票app下载| www.598446.com-七星彩开奖站地址| www.6937.cn-七彩云南标志| www.112773.com-快三彩票中奖助手| www.759.cm-百彩520hk-| www.96vg.com-彩票对打什么意思| www.022364.com-88彩票手机官网| www.282988.com-湖北快三和值奖金| www.593373.com-乐彩城app-| www.883202.com-彩友多微信彩票店| www.066113.com-彩虹图片简笔画| www.325520.com-c8万彩吧cn开奖| www.739013.com-彩票3d有假吗| www.kn39.com-8k彩票下载-| www.516001.com-学色彩搭配-| www.238400.com-网上赌彩票犯法吗| www.502414.com-快三豹子通选| www.011314.com-500彩票注册| www.3099.me-世界杯彩票买不了| www.jg76.com-爱彩乐11-| www.937821.com-吉林快三免费app| www.301825.com-贵州快三走势结果图| www.50378.com-彩票制作开发网站| www.07167.com-正版福利彩票手机版| www.203637.com-5d福彩-| www.139967.com-中国福彩兑奖| www.vk55.com-彩票计划师可靠吗| 博友彩www.912162.com| www.739379.com-山东体彩站点查询| www.0974.org-彩之王网址-| www.559080.com-体彩中心的照片| www.82135.com-彩票机选的中奖概率| www.927502.com-福彩360走势图| www.9116.in-彩民借号中大奖| www.034922.com-手机软件全民中彩票| www.290540.com-彩宝网排列三走势图| www.86lz.com-七乐彩官方下载| www.li21.com-今日彩是不是真的| www.347720.com-彩神v2-| www.75622.com-好彩双爆珠蓝莓柠檬| www.395965.com-彩分分平台-| www.502502.com-别人叫投彩怎么办| www.f61.shop-中彩票的几率| www.480467.com-888123彩票网| www.553230.com-竞彩模型怎么做| www.324268.com-七星彩论坛特区论坛| www.h80.net-49彩票软件-| www.7847.xyz-研究彩票高人| www.563586.com-快三助手江苏版| www.28yu.com-彩256违法吗| www.0522.cn-神彩通三中三会员| www.062453.com-辽宁爱彩乐11选5| www.305673.com-彩票有必要坚持买吗| www.460968.com-黑彩3d平台下载| www.819618.com-彩票分析师怎么考| www.966970.com-qq彩票交流群| www.09py.com-星彩彩票app| www.848721.com-新加坡六福彩走势图| www.4489.net-万彩吧排列五预测| 鑫亿彩www.197091.com| www.i18.org-今日体彩票开奖结果| www.580070.com-彩票体彩7里彩| www.083303.com-大发快三输了十万| www.467833.com-3d福彩票开奖号码| www.og27.com-皇都彩票苹果版| www.469459.com-私彩和黑彩-| www.560886.com-高频彩票走势图技巧| www.639569.com-彩8万人牛牛| www.215253.com-凤凰彩票彩种| www.854334.com-时时彩两期必中后一| www.6618.hk-c9彩票下载安装| www.091339.com-河南周口定亲和彩礼| www.951713.com-彩票计划骗局| www.cb86.com-千万彩票app平台| www.57pi.com-怎么注册时时彩账号| www.134036.com-中固足彩网比分直播| www.4931.cc-江苏体彩五位数| www.51635.com-山西福彩中心| www.520047.com-v800彩票-| www.hz5.cc-快三龙的规律| www.901044.com-福彩排三开奖号| www.625717.com-高兴彩票贴吧| www.bh3.com-好彩一开奖结果| www.p00.in-买体育彩票流程| www.2610.vip-乐购彩网站-| www.542765.com-彩拾彩票正不正规| www.221252.com-彩票赚钱软件| www.380075.com-什么的彩云填空词语| www.029189.com-神洲彩票网-| www.166266.com-快三走势图甘肃| www.416055.com-分分彩网站源码| www.599871.com-彩票不能网上买了吗| www.731487.com-彩票兼职日赚500|