头像

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

来源:http://www.eatiran.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.eatiran.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.12758.com-运盛彩票真的假的| www.97622.com-齐齐哈尔彩票站电话| www.082050.com-郑州彩色纸箱厂家| www.144977.com-竞彩足球对阵表让球| www.377966.com-开体彩店要怎么装| www.554403.com-爱彩乐是骗人的吗| www.721048.com-新2彩票七肖公式| www.810943.com-阅读更多精彩内容哦| www.892273.com-网赌bb竞速彩| www.957040.com-7k彩票网556| 新浪爱彩www.69998.cc| www.fm26.com-贵州福利彩票网| www.yn72.com-网上买彩票被骗| www.586527.com-糖果派对彩金计算| www.678194.com-武汉福彩转让信息| www.767924.com-广西双彩走势图表| www.988800.com-幸运快三单双买法| www.ez1.cc-时时彩官网平台| www.qs94.com-福利彩票初创期| www.27un.com-分分彩玩法中奖介绍| www.0491.cn-京东进军彩票| www.7378.net-七星彩是什么意思| www.26739.cc-购买足彩技巧经验| www.71081.com-福彩正规购买平台| www.056445.cc-体育彩票店转让合肥| www.138267.com-双色球新浪彩票| www.218632.com-江苏快三代理加盟| www.294618.com-久久彩票客服端| www.386045.com-瑞彩祥云彩票是正规| www.555094.com-799彩票下载安装| www.625853.com-19026期胜负彩| www.697927.com-彩吧图库第三版| www.874085.com-快三杀号的计算| 网易彩票www.506232.com| www.je39.com-湖北湖北快三| www.c89.top-彩票走势图电视软件| www.34sv.com-七星彩浙江-| www.1236.wang-彩世界下载app| www.7815.biz-竞彩心得不能买让球| www.28849.com-如何投诉彩票外围| www.74163.com-金彩彩票网代单老师| www.025600.com-内蒙古快三热点| www.101195.com-太玄数预测彩票| www.171815.com-贵州体育彩票彩种| www.306944.com-广东福利彩票中心| www.378232.com-手机号百彩票下载| www.511935.com-彩票体验金论坛| www.583019.com-体彩顶呱呱品牌口号| www.659370.com-众筹彩票qq群| www.977821.com-天天爱彩票提现| www.vh82.com-五分快三下载| www.12is.com-好几个699彩票| www.82ie.com-竞彩单关对冲技巧| www.2026.vip-彩虹4无人机概念股| www.7637.cn-凤翔彩票下载安装| www.23550.com-826彩票下载| www.66312.cc-排3试机号乐彩网| www.071815.com-坐庄彩票-| www.136228.com-福彩广西快3走势图| www.211065.com-福彩三d图纸| www.282001.com-时时彩心得与技巧| www.392679.com-梅花画法彩铅画| www.515522.com-七星彩中的人好少| www.583776.com-彩票特别号如何预测| www.656977.com-福彩售票几点结束| www.994898.com-彩票兑奖码在哪里| www.dp5.com-快三彩票怎么看走势| www.wp62.com-全天快三计划稳定版| www.14cj.com-福彩杀戮数-| www.79wf.com-福彩排列三的| www.1660.in-内蒙古体育彩票网站| www.02582.com-福彩吧是真的假的| www.53708.com-500彩票快3-| www.95976.com-山东福彩玩法介绍| www.057187.com-彩票预测七星彩电话| www.156049.com-好彩堂玄机跑狗图| www.237816.com-快三对照表-| www.312290.com-大奖网触屏网彩票| www.381393.com-福利彩票今天的号码| www.520236.com-兴义彩票中心| www.584498.cc-下载时时中彩票| www.652888.com-七星彩吹吹圏| www.743624.com-快三购彩平台是骗局| www.874142.com-澳洲三分彩计划网| www.964716.com-19052胜负彩| 大赢家彩票平台www.137916.com| www.ga87.com-内蒙福彩快三走势| www.vz89.com-福彩快三跨度图片| www.08su.com-3d福彩图纸-| www.72yg.com-7号彩票平台登录| www.1129.cc-西红柿首富有彩蛋吗| www.9973.online结婚要彩礼的国家| www.51292.com-彩客彩票软件靠谱吗| www.95223.cc-拍彩票票面查不出| www.050530.com-彩票站怎么申请| www.142876.com-五分钟开奖的彩票| www.214466.com-买马王中王彩图| www.279361.com-彩票幸运号码占卜| www.378292.com-彩虹电影台密码| www.487700.com-佛山福利彩票加盟| www.557818.com-皇室彩票是什么| www.620528.com-vr彩票骗局-| www.684307.com-彩票代投是骗局揭秘| www.842069.com-体彩专场活动| www.964625.com-创彩网骗我五十万| 500彩票www.50052y.com| www.do33.com-贵州福彩快3下载| www.tg05.com-k彩登录福地| www.8md.com-01彩票ios下载| www.59kz.com-彩钢板机械价格| www.855.tv-多彩投官网-| www.4184.cn-七彩阳光第七届| www.9027.vip-nba总冠军博彩| www.77338.cc-好彩客下载苹果| www.021652.com-彩吧全图怪字袖帖| www.085149.com-pg11苹果彩票| www.138001.com-dj彩票平台-| www.204178.com-1分快三怎么投啊| www.269646.com-国外彩票中奖号码| www.394839.com-6和彩-| www.551323.com-四场进球彩投注| www.635283.com-彩票帮投人员| www.733372.com-吉林快三97信誉群| www.822548.com-台湾彩虹眷村| www.885902.com-彩虹屁是花式夸人| www.978389.com-福彩快三表-| www.ua.cc-大发和彩-| www.le51.com-购彩是什么意思| www.zn28.com-体彩飞鱼-| www.15cw.com-玩彩网骗人吗| www.177.website大地彩票软件下载| www.2841.vip-彩票福彩3d速查表| www.7730.org-幸运十分彩开奖链接| www.19978.cc-彩票网络平台出售| www.56744.cc-浙讧快乐彩12选5| www.030079.com-好运快三遗漏| www.097624.com-福彩公益金提取比例| www.152510.com-福彩3d八卦图片| www.249073.com-购彩平台是骗局| www.308563.com-超级大乐透算彩票号| www.365949.cc-快三基本走势| www.440755.com-天天好彩app下载| www.521391.com-有谁要玩腾讯分分彩| www.579108.com-福利彩票怎么算奖| www.641668.com-彩票最上面的序列号| www.776961.com-快三开跨度-| www.852629.com-怎样预测足彩胜平负| www.905280.com-彩票cp816骗局| www.961342.com-生彩宝彩票-| 彩票驿站www.2350v.com| www.am21.cc-网上叫人买彩票骗局| www.on41.com-重庆时时彩开奖视频| www.4fo.com-16年彩票大奖| www.46yd.com-中国大乐头彩票| www.200.black-简单色彩渐变画| www.2580.vip-福彩3d今天字谜| www.7455.vip-体彩七星彩奖金分配| www.14784.com-彩报图库二-| www.50099.cc-各种釉彩大瓶评价| www.84698.com-彩票中大奖去哪领奖| www.026314.com-彩票开奖时间双色球| www.088585.com-河内一分彩开奖结果| www.140943.com-快3购彩大厅| www.200697.com-昨天福彩出什么|