头像

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

来源:http://www.meiwuai.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.meiwuai.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.320697.com-彩票走势图电视| www.750863.com-18075期彩票| www.897320.com-彩票网店宣传语| www.cai2966.com内蒙快三内蒙古快三| www.523659.com-e彩在线手机版注册| www.05335.com-彩金值得买吗| www.9637.wang-中国国彩是什么| www.697236.com-七星彩单式中奖| www.178905.com-湖北快三玩法奖金| www.268513.com-我想买彩票发财| www.355174.com-马来西亚彩云阁| www.698521.com-各省快三开奖| www.308404.com-彩38线路导航| www.500733.cc-白底的照片算彩色吗| www.79jj.com-时时彩推波方案| www.739749.com-中国福利快乐彩开奖| www.49341.com-阿理彩票登录网址| www.279988.com-胜负彩19049期| www.4566.pw-福彩35期中奖号码| www.26285.cc-彩吧p3图第三版| www.81181.com-爱彩乐11选五85| www.6851.cn-彩乐爆危险吗| www.bq83.com-下载至尊彩app| www.yn66.com-大马彩票成绩| www.7297.space-彩虹六号冠军| www.059198.com-篮彩比分差-| www.623053.com-今日体彩开机号| www.707627.com-签到赚钱娱乐彩票| www.781746.com-自己开个彩票服务器| www.868257.com-湖北快三推荐资讯| www.940427.com-168彩票假吗| www.gp86.com-福利彩票好彩1玩法| www.zq22.com-怎么在手上买彩票| www.24800.com-彩铅手绘麋鹿| www.96300.cc-彩票几号卖-| www.59090.com-梦迷解图七星彩| www.528064.com-彩票之家如何| www.875633.com-恒彩最新登录地址| www.945259.com-手机新浪爱彩网| 大赢家彩票平台www.90egg.com| www.ps96.com-哈尔滨快三-| www.94bj.com-彩票外围平台| www.720902.com-乐彩网p3专家预测| www.830902.com-足彩对阵表四月| www.907505.com-近日开奖的体福彩| www.515694.com-彩世界平台黑钱吗| www.41438.com-易购彩票是不是骗局| www.vl89.com-彩吧3d寻马图| www.1224.xyz-精英博彩论坛| www.9rt.cc-七彩祥云简笔画| www.96qx.com-下载彩票投注站| www.79279.cc-手机快三开奖结果| www.867352.com-举报私彩网站| www.066939.com-私彩平台排行| www.166916.com-北京快三助手| www.268132.com-足球彩票用什么买| www.333578.com-江苏快三是私彩吗| www.023419.com-七乐彩何明专家预测| www.184133.com-彩票分析-| www.801811.com-江苏福利彩票试机号| www.882491.com-福彩时刻-| www.8706.cm-快三稳定盈利技巧| www.77072.com-彩票霸-| www.6bg.cc-玩快三如何止损| www.221876.com-国家为什么改高频彩| www.06ty.com-上期体彩出什么号| www.605393.com-众彩网论坛是真的吗| www.137216.com-7彩靠谱吗-| www.487618.com-福利彩票是怎么盈利| www.16446.com-好彩客是不是骗人的| www.421967.com-福彩3d加奖多少钱| www.379555.com-彩票开奖结果一等奖| www.524953.com-茗彩注册app| www.564545.com-中彩在线会员汪册| www.702477.com-聚星彩票-| www.786889.com-天天彩票是正规的| www.861155.com-五分⑥和彩在哪里下| www.947570.com-福彩双色球摇奖视频| www.999836.com-快三红号技巧| www.ej10.com-爱彩乐网址-| www.337195.com-我是赌广西快三的| www.ft07.com-百盈快三合法吗| www.zp21.com-彩票幸运之门走势图| www.043268.com-专业彩票走势图老版| www.73211.cc-彩宝彩票ios| www.52425.cc-亚博体彩怎么样| www.461768.com-福彩图迷专区| www.51253.cc-风彩彩票天天有惊喜| www.121571.com-迪拜彩票在哪里买| www.916622.com-私彩平台修改器| www.187654.com-彩票指南-| www.0665.vip-彩票推广员好做吗| www.946163.com-福建体彩软件安装| www.255118.com-28彩票-| www.mf84.com-好彩投app-| www.980435.com-彩票单双大小玩法| www.039267.com-彩票理财方式| www.28278.cc-正版彩票指南彩报纸| www.005073.com-福利彩票最近走势图| www.071660.com-彩票站的前景如何| www.145068.com-快三经常出的号码| www.0147.cm-彩色造句一年级| www.7183.xyz-黑彩福彩怎么举报| www.6675.cm-宛田彩调班-| www.343233.com-体彩时时内蒙| www.1990.club-3d新浪爱彩走势图| www.693101.com-竞彩比分篮球| www.9zh.cc-网络快3彩票怎么玩| www.md11.com-澳客彩票官方网站| www.75bi.com-福彩3d形态图| www.3857.biz-2019年彩票中奖| www.87489.com-平台彩票骗局揭秘| www.273079.com-福彩公益金的用途| www.542242.com-网彩ap-| www.626018.com-富华彩票app下载| www.039895.com-网投彩票赚钱靠谱吗| www.562073.com-幸运五分彩-| www.662813.com-马来西亚3d彩票| www.749652.com-306时时彩下载| www.827181.com-500万彩票网论坛| www.888919.com-易彩网网址-| 乐彩网www.355018.com| www.pf57.com-5oo彩网-| www.603371.com-六选三彩票qq群| www.673556.com-加强彩票市场通知| www.749748.com-犀牛彩票下载| www.15xs.com-马会彩经一码必中| www.86ia.com-彩经网3d选胆杀号| www.29pu.com-彩票网站推广哪家好| www.517.tv-景德镇体彩中心地址| www.ic92.com-国家允许的彩票软件| www.zi56.com-湖南良新快三真假| www.19lf.com-肥城买彩票中三个亿| www.78sl.com-时时彩技巧个人经验| www.992.online-彩票游戏是赌博吗| www.7138.com-彩票双色球拖胆计算| www.11565.com-体彩和值和尾走势图| www.312380.com-福彩一定牛下载| www.26327.cc-彩吧彩票能玩吗| www.83362.cc-广州集贤庄彩票吗| www.070004.com-中彩网假吗-| www.069230.com-彩贝壳199-| www.069968.com-彩神辅助器-| www.095016.com-彩宝彩票网上合法吗| www.30117.com-8彩平台-| www.221545.com-01彩票官方-| www.75778.cc-高频彩倍投止损技巧| www.352467.com-彩票送礼金18网站| www.kj18.com-往年中大奖的彩票| www.x01.in-九万彩票平台靠谱吗| www.617245.com-七乐彩今晚开奖号码| www.367650.com-福彩3d开讲奖结| www.082024.com-澳门快三网站| www.9128.in-703彩票投注站点| www.bz90.com-5分快三害死人| www.ih78.com-推店彩票-| www.144595.com-彩票平台网站导航| www.440911.com-四川省体彩中心领导| www.554444.cc-关于彩票的广告语| www.155518.com-时时彩最赚钱方法| www.082360.com-购彩堂注册-| www.03731.com-怎么种彩票-| www.194190.com-快三真的假的| www.148.tv-彩虹谷景区-|