头像

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

来源:http://www.thewineremedy.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.thewineremedy.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.618816.com-久久发彩票手机版| www.749108.com-快三三不同号技巧| www.849025.com-大奖分分彩规律| www.934228.com-大乐透500彩票网| www.988899.cc-江西快三软件下载| www.ku2.com-广西快三推荐号码| www.sx07.com-七乐彩开中奖规则| www.43om.com-劈波挂彩-| www.0348.net-内蒙快三出豹子规律| www.9267.top-足球彩票市场需求大| www.57111.com-彩77官网苹果| www.026430.com-网上私彩怎么开| www.114223.com-澳客彩票网app| www.198586.com-彩神ix邀请码| www.280818.com-75时时彩官网| www.421250.com-彩票自助领取彩金| www.560267.com-成化五彩瓷器图| www.648300.com-首页彩票人工计划| www.800323.com-彩神帝登陆入口| www.885361.com-体彩天下大厅| 大赢家彩票平台www.110879.com| www.jp23.com-彩票6十1-| www.p10.shop-彩票翻身-| www.53nu.com-杭州福彩体彩下载| www.0964.cn-有谁知道六开彩网站| www.05959.cc-体育彩票更新| www.57276.cc-锋彩直播港澳版| www.030509.com-五彩彩票-| www.117040.com-彩票十一选五app| www.201859.com-152彩票app-| www.283958.com-极速快三软件| www.413591.com-福彩3d万能七码表| www.526078.com-美人鱼彩票怎么回事| www.631022.com-好彩柠檬爆1871| www.713122.com-网易彩骗-| www.795794.com-新加坡toto彩票| www.875897.com-彩神8网址是多少| www.976822.com-如果男方要退彩礼| www.as33.com-彩票走势怎么看规律| www.um68.com-内蒙古快三今天的| www.14zs.com-qq彩票下载app| www.789.red-最新彩票指南报图片| www.5757.in-体彩七位数技巧| www.14454.com-全国最大双彩论坛| www.61918.cc-领航彩票计划| www.062362.com-ag彩票站-| www.151365.cc-彩漂能去黄吗| www.250335.com-993彩票app-| www.333430.cc-体彩票大乐透规定| www.423966.com-彩乐乐排三杀号| www.528040.com-彩票预测专业网站| www.654354.com-彩之源注册邀请码| www.747332.com-彩票69app-| www.822477.com-中国竞彩网站首页| www.896959.com-中福网彩票下载| www.967767.com-彩票历史开奖查询| www.ag60.cc-彩客网彩票-| www.sy53.cc-六星彩开奖号码| www.72jo.com-足彩任选9场奖金| www.1500.website夸女生漂亮的彩虹屁| www.9230.loan-乐彩国际理财可靠吗| www.52224.cc-福彩好还是体彩好| www.99163.cc-时时彩大小公式| www.071027.com-365官方网彩票| www.139567.com-时时彩牛牛玩法技巧| www.221529.com-端彩祥云-| www.297170.com-福建省体育彩票论坛| www.369709.com-双色球众彩网| www.475191.com-彩票招聘-| www.558339.com-简单的彩铅山水画| www.632369.com-时时彩诀窍后一| www.707216.com-摇彩票机器图片| www.789199.com-澳洲三分彩人工计划| www.868346.com-7星彩票走势图| www.cp803.com-地区快三-| www.my58.com-快三数据分析app| www.9ag.com-彩票预测的微信团队| www.67ri.com-网易彩票电脑版官网| www.1109.top-时时彩长龙最长追死| www.9449.cc-我要下载新浪彩票网| www.42132.com-102彩票app-| www.80999.cc-秒彩app-| www.036166.com-彩票网址排行| www.148912.com-彩票密码解密图| www.238062.com-发彩网快三-| www.314368.com-体彩飞鱼-| www.384645.com-体彩竞彩预测分析| www.526519.com-优游彩票软件下载| www.613811.com-从网上买彩票可靠吗| www.688693.com-头条号老谢说彩| www.766256.com-湖北体彩快三| www.873522.com-网易红彩靠谱吗| www.946857.com-湖北恩施彩钢围挡| www.999391.com-中彩快印花家地| www.fm4.com-今天安徽福彩快三| www.ov58.com-中国福彩开奖直播| www.8kd.cc-靠买彩票翻身| www.64vp.com-山西省彩票中心地址| www.0550.bid-福彩最准男人独胆| www.8708.wang-利彩安全吗-| www.40841.com-怎么查体彩站点| www.88003.cc-快乐3分彩技巧| www.043360.com-彩票刷流水靠谱吗| www.150051.com-彩吧vip快三下载| www.235928.com-澳客网彩票-| www.310442.com-新浪彩网-| www.377760.com-附近体育彩票店地图| www.520112.com-吉林快三投注| www.588838.com-七星彩直播网| www.661039.com-彩投彩票注册| www.771613.com-凤凰彩票官网方网址| www.860185.com-官网下载天天中彩票| www.925546.com-吉首快三秒关厢门| www.972485.com-福彩3d阅读-| www.am85.cc-苏州市福利彩票中心| www.rs33.com-彩票杀大赔小的规律| www.05qh.com-彩29官方-| www.74dw.com-五颗星彩票陷阱| www.1264.me-七乐彩走势图30| www.9014.cm-台湾38乐和彩| www.44437.cc-彩票购物软件下载| www.88700.com-高频彩害的家破人亡| www.038778.com-经彩网彩票走势图| www.200164.com-214彩票-| www.270074.com-1彩下载-| www.362579.com-为什么网络彩票上瘾| www.444954.com-晋城福彩中心在哪| www.535452.com-彩票十二生肖图| www.636948.com-彩虹emoji-| www.717888.cc-彩票投注技巧视频| www.790820.com-买彩票选号技巧| www.861792.com-彩l吧助手-| www.920088.com-网络彩票软件开发| www.977115.com-如果男方要退彩里| www.cy27.com-彩票ⅱ选5-| www.tj68.com-怎么做彩票-| www.8av.cc-有预测彩票的公司吗| www.60xn.com-彩票网售恢复了吗| www.0191.top-国丰彩票安全吗| www.8666.cm-福彩双胆预测| www.36751.cc-体彩跟福彩哪个靠谱| www.79588.com-代理彩票站提成多少| www.027965.com-打彩赚钱-| www.095217.com-彩票领奖拒绝采访| www.155829.com-快三兑奖期限多少天| www.278899.com-快三定胆奖多少钱| www.359376.com-乐透啦彩票老司机| www.435369.com-腾讯分分彩前三和值| www.521396.com-彩票好运占卜| www.588095.com-福彩三的综合表| www.656939.com-云彩店彩票官方网站| www.779094.com-彩吧图中国彩吧图迷| www.847879.com-彩票助赢网站| www.903737.com-体彩金码试机号| www.964103.com-快三长龙助手app| 众彩网www.88065f.com| www.dq44.com-有福彩快三的省份| www.tg70.com-第一套休闲快三教学| www.7bw.com-中彩票没兑奖| www.60fw.com-易购彩票网站可靠吗| www.908.cm-大学生买彩票多吗| www.4379.cn-甘肃体彩大乐透兑奖| www.9311.online7乐彩免费网推荐| www.79540.com-宁厦福彩3d-|