头像

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

来源:http://www.xdwhw.com.cn/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.xdwhw.com.cn/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.3045.org-江苏省体彩7位数| www.37871.cc-星光彩票是真的吗| www.503.me-吉林快三亚大了就输| www.9397.biz-华人彩_官网_注| www.04mx.com-彩天地是什么东西| www.0419.cc-彩明乐图-| www.8795.xyz-体彩大乐透后区遗漏| www.048047.com-山东福彩官网首页| www.330187.com-上海快三速查表| www.435359.com-银彩通可靠吗| www.787545.com-致富彩官方网| www.912583.com-微信时时彩骗局揭秘| www.989557.com-彩票稳赚忠告| www.vb2.com-乐彩518-| www.we22.com-吉林市彩票中大奖| www.29ov.com-蓝彩推荐-| www.133.in-彩虹马图片大全大图| www.5157.biz-美高梅快三平台| www.16145.com-中国福彩双色球查询| www.69107.com-体育彩票站怎么赚钱| www.067800.com-怎么搭建彩票网站| www.690736.com-大彩鲸快乐12| www.875241.com-快三技巧公式| www.684.tv-极速75时时彩| www.5617.com-高频彩票时时彩真嘛| www.12116.cc-17彩票是不是真的| www.520384.com-彩之星优部快印| www.627167.com-乐米彩票小米版| www.092296.com-上海快三号码大全| www.219534.com-江苏快三助手| www.324978.com-福彩三地综合走势图| www.425007.com-巴厘岛彩票平台| www.540008.com-休闲快三教学| www.88630.com-ee彩票下载-| www.110793.com-体彩胜负彩预告| www.861792.com-彩l吧助手-| www.972581.com-普通彩铅画星空简单| www.ug2.com-足彩8串1-| www.ws77.com-快三表格数据分析| www.041133.com-周口彩票店转让信息| www.5801.pw-福彩3d图标大全| www.47205.com-好彩1好彩2玩法| www.987532.com-国民彩票手机登陆| www.in46.com-买福利彩票-| www.5078.biz-中国体彩最大中奖| www.75708.com-足彩入门教程系列书| www.603690.com-物超所值的彩票程序| www.87222.com-新浪乐彩是正规的吗| www.106667.com-竞彩2串1比赛腰斩| www.376218.com-彩立子-| www.566728.com-能玩彩票和棋牌| www.646164.com-蓝月亮天天好彩| www.779271.com-暴富彩票-| www.855598.com-各种釉彩大瓶的感受| www.921371.com-甘肃体彩开奖| www.974980.com-3d彩票非凡走势图| www.ae29.com-河南快三遗漏号表| www.sd94.com-甘肃快三打豹子技巧| www.14rc.com-易彩乐的邀请码| www.39066.com-信彩彩票平台| www.017914.com-网络彩票投注app| www.101672.com-信彩app下载| www.129120.com-昨日福彩开奖信息| www.258908.com-足球体彩计算器| www.38055.cc-今日3d福彩试机号| www.471886.com-体彩单场竞猜规则| www.089774.com-天天彩票网站官网| www.158463.com-足彩单场固定票样| www.254258.com-彩票倍投三块| www.f52.top-家彩-| www.87ow.com-现在有网购彩票吗| www.272028.com-下载立彩app| www.373608.com-足球彩票倍数怎么算| www.592662.com-福彩有极速赛车吗| www.669777.com-星期几可以买彩票| www.735057.com-新快三手游单机游戏| www.805977.com-3d彩报第五版| www.879418.com-江西11选5多乐彩| www.951716.com-彩票稳赚的买法| 易盈彩票www.7793m.com| www.87pw.com-七星彩四码取数法| www.9073.biz-简单彩铅画风景建筑| www.89931.com-福彩3d小七精选| www.077691.com-派彩网app下载| www.240619.com-贵州快三中奖价格表| www.345270.com-大发彩平台-| www.437996.com-博友彩票网-| www.556268.com-彩宝彩票网页版| www.498119.com-0818彩票是什么| www.590064.com-福彩快三一共多少注| www.671426.com-乐盈彩-| www.748884.com-旺彩预测双色球预测| www.822351.com-湖北快三8200| www.892666.com-懂彩帝-| www.950594.com-体彩胆码预测| www.990624.com-江苏省体育彩票中心| www.ak94.com-凤凰彩票平台可靠吗| www.qw19.com-麦久彩票网-| www.634694.cc-新德里彩票规律| www.740784.com-3000万彩票网址| www.804647.com-中国福彩网彩票| www.882793.com-网上的易彩安全吗| www.947954.com-竞彩足球贴吧| www.989779.com-王者彩票手机购彩| www.ld6.com-江苏e球彩玩法| www.1hq.com-3d乐彩字谜画迷| www.661946.com-今日竞彩串关| www.797429.com-浩博博彩下载| www.875867.com-彩票大数据彩经网| www.972469.com-掌优彩票-| 500彩票www.501354.com| www.lh84.com-中彩娱乐提现不了| www.k58.com-大发快三彩神| www.470088.com-境外彩票公司| www.962261.com-爱彩彩票全天计划| www.ym.com-宁夏福彩快3| www.oz03.com-三分快三骗人| www.97244.com-石家庄体彩网| www.65034.com-中国体彩足球计算器| www.sx39.com-福利彩票几位数子| www.48of.com-金山彩票奖多多| www.0008.online体彩中一等奖去哪领| www.5271.cn-体彩几点关门| www.87fr.com-快频彩怎么打票赚钱| www.6763.net-2o647如意彩| www.9839.in-古建室内彩画| www.70125.com-奥客网篮球竞彩| www.041374.com-欧洲百万彩票| www.134385.com-中免绿好彩价格| www.095152.com-3d图纸彩吧-| www.217916.com-易彩彩票安全么| www.317629.com-淘宝彩票下载手机版| www.396256.com-彩虹宝宝主题曲歌词| www.750772.com-网上说破解彩票平台| www.821870.com-大连福彩机器多少钱| www.882535.com-正规的高频彩票| www.942000.com-快三四码复式二中二| www.981240.com-凤凰彩票登录| www.dg10.com-甘肃快三开奖纟结果| www.372277.com-现在能买彩票的软件| www.441131.com-双色球彩票计算方法| www.511745.com-下载彩库宝典正版| www.fb23.com-富贵彩票骗局| www.a47.cc-浙江省福彩兑奖中心| www.36dz.com-中国福彩中奖窍门| www.1441.xyz-彩铅画作品赏析| www.8469.vip-辽宁福彩客户端下载| www.287279.com-彩票开奖调用| www.98568.cc-qq分分彩开奖网| www.879137.com-七乐彩奖级表| www.939135.com-华夏彩票4950| www.976910.com-河南巨奖彩票图| www.kp0.cc-时时彩后三计划全天| www.88bq.com-彩之网双色球开奖| www.3168.cc-每天签到的彩票平台| www.56509.com-彩票怎么计划的| www.745686.com-福彩96590-| www.800937.com-中奖彩票去领奖| www.870703.com-777彩票app-| www.960213.com-高德体彩-| 快彩在线www.cpkk6.com| www.282294.com-9码也赢不了时时彩| www.368958.com-福利彩票摇奖机原理| www.464095.com-体彩平台是不是骗局|