头像

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

来源:http://www.ziwuhuiming.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.ziwuhuiming.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
166彩票 www.050312.com-体彩刮刮乐自助| www.07se.com-浙江体彩中奖规则| www.481.tv-李彩琳闭幕式歌曲| www.42ey.com-看彩票开奖直播| www.806644.com-3d乐彩-| www.232116.com-快三8期倍投技巧| www.6465.cm-博彩推广好不好做| www.43549.com-彩票重庆时时彩票| www.011063.com-中国体彩下载软件| www.136037.com-广东福彩中心地址| www.38nr.com-彩礼和聘礼的区别| www.358608.com-中国体育彩票目录| www.33884.com-彩票不可能中奖| www.ja80.com-竞彩足球比分结果| www.x69.biz-天子手游彩票| www.65jn.com-华彩城-| www.128754.com-福运彩票输了三万| www.149969.com-掌优彩票app下载| www.188197.com-北京快三奖金及玩法| www.85248.com-如玩3d彩票沙龙| www.706.cm-足彩进球总数窍门| www.1127.pw-竞彩联盟-| www.42200.com-足彩中奖彩票图片| www.229757.com-河南福彩快三玩法| www.885916.com-众达彩票app下载| 500彩票www.66621q.com| www.kn04.com-重庆快三查询结果| www.710526.com-彩票套彩金怎么套| www.801326.com-彩票彩猫-| www.876524.com-今日彩票老黄历| www.947961.com-体彩七星彩推荐号码| www.cp7588.com-河北快三软件下载| www.59wf.com-七星彩遗漏查询| www.0313.shop-广东体彩发展历史| www.652363.com-彩悦城几点开门| www.816915.com-每天都有人中彩票吗| www.952949.com-好彩1数据遗漏图| www.at06.com-福彩快三一定牛| www.v00.in-中国七乐彩票开奖| www.136.in-彩虹梗-| www.918248.com-福州私彩-| www.982613.com-盈彩的意思-| www.bm61.com-彩神大发快3技巧| www.ss60.cc-澳洲时时彩开奖结果| www.122174.com-彩民论坛七星彩| www.202357.com-鬼贵州福彩贵州福彩| www.678243.com-彩票专家软件下载| www.770621.com-临沂七彩桥商务酒店| www.852981.com-运动彩券-| www.913200.com-彩客网怎么提现不了| www.973831.cc-快三精准计划扣扣群| www.cai3.com-今日快三开奖| www.970302.com-上期七彩开什么奖| www.bf.cc-安徽快三复式玩法| www.or12.com-网络彩票贴吧| www.u96.net-宁德体育彩票转让| www.45dt.com-福彩中心3d魔图| www.0639.vip-时时彩选号计算公式| www.026078.com-私彩比较稳定的平台| www.311877.com-甘肃兰州彩票| www.385849.com-网赚快彩-| www.500080.cc-幸运28彩票游戏| www.567867.com-福福建福彩网| www.631747.com-时时彩五星一码经验| www.696123.com-广西快三今日推荐号| www.781033.com-彩虹裙-| www.849546.com-体彩第19038期| www.907980.com-哪个网站可以打彩票| www.967232.com-体彩排列五选号法| 多乐彩票www.422626.com| www.fm22.com-500彩票电脑版| www.vg00.com-彩票包赔场骗局| www.682804.com-彩霸王数字3专业版| www.976906.com-下载一定牛彩票| www.dr35.com-大发快三免费下载| www.621.mobi-十四场足彩开奖结果| www.t18.org-今日七乐彩最新预测| www.2144.com-我在豪彩平台买彩票| www.17930.com-聚星彩票-| www.025417.com-时彩在线追号计划| www.302991.com-博彩展-| www.494977.com-体育电竞博彩| www.821145.com-福彩3d研究心得| www.cai750.com-快三大小规律破解图| www.3632.wang-鴻彩彩票-| www.75527.com-福彩3d奖号预测| www.3713.net-福彩双色应用| www.55851.cc-体彩777刮刮乐| www.048600.com-东北彩礼价格表| www.215487.com-可以买青海快三| www.713790.com-彩神x怎样下载| www.837461.com-竞彩单关开奖结果| www.990163.com-u9彩票网谁提过现| www.u14.com-深圳福彩投诉| www.8538.org-大家乐彩票机说明书| www.630640.com-东方彩票注册送33| www.719581.com-福彩报纸图网站| www.801685.com-彩运网cy456| www.875046.com-熊猫哥彩票-| www.996869.com-福彩走势图软件下载| www.hq80.com-内蒙古快三开奖结呆| www.549712.com-宝宝计划时时彩免费| www.760350.com-拉萨快三走势图| www.33gv.com-好的足彩篮彩推荐| www.954705.com-世界杯足彩的规则| www.247693.com-福彩快3计划群| www.410351.com-四川好彩头公司现状| www.595518.com-福彩43期预测| www.dy11.com-亿彩下载-| www.17kc.com-网上玩时时彩违法吗| www.4863.biz-买彩票的看法| www.886061.com-五洲彩票靠谱吗| 环球彩票www.hqcp9.com| www.157553.com-8k彩票易彩快3| www.00rq.com-雨后的彩虹看图说话| www.1128.org-竞彩足计算器| www.63ov.com-彩票追投软件| www.05563.com-爱彩人app的危害| www.117330.com-破解彩票数字规律题| www.229977.com-百盈彩票计划| www.447004.com-竞彩第一大奖| www.573061.com-大玩家彩票天猫| www.703619.com-彩票神人王成周视频| www.841406.com-彩票不公平-| 购彩在线www.66332d.com| www.99vq.com-彩票网3d字谜| www.329255.com-福彩今天的开奖号| www.7038.biz-河南福彩22规则| www.127072.com-古风彩铅少女| www.235467.com-足彩开奖走势图大全| www.352787.com-快彩王有什么窍门吗| www.536018.com-彩票四位数字是什么| www.660350.com-章鱼彩票官网页版| www.771931.com-盈盛现金时时彩| www.871074.com-福彩投注app网站| www.974184.com-彩运来官网注册| www.553292.com-竞彩足球5全包| www.677714.com-三地和值南方双彩网| www.902255.com-合买彩票怎么买| www.cp3528.com-快三免费计划网站| www.03hs.com-蓝精灵彩报图a| www.1693.top-爱乐透彩票安卓下载| www.54413.com-彩票分为机打和什么| www.076615.com-福彩有几位数| www.948492.com-彩仙骗局-| www.jh81.com-彩票导师套路| www.64uk.com-福彩3d老杨说彩| www.6922.com-一年级七彩阳光| www.358930.com-体育彩票红球多少个| www.516131.com-网上彩票公司合法吗| www.633929.com-7彩酒店的英文| www.773115.com-天际彩票下载| www.911426.com-湖南体彩网论坛首页| www.cai8787.com福利彩票快三玩法| www.59in.com-彩票店招聘营业员| www.31722.cc-彩票业务员-| www.98902.com-结婚6万彩礼多吗| www.286908.com-安徽快三怎么玩挣钱| www.414156.com-精彩的精意思| www.570606.com-足彩十四场中奖规则| www.763822.com-新浪彩票世界杯| www.72ew.com-e球彩三场全包| www.780355.com-彩铅画图片风景| www.881243.com-808福彩合法吗|