头像

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

来源:http://www.5gip.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.5gip.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
彩81 www.884086.com-中国彩票三十六选七| www.324586.com-体彩中奖查询| www.512895.com-快三2同号多少倍| www.613508.com-加拿大28彩票入口| www.707558.com-今日体彩足球竞彩| www.789905.com-乐福彩三地-| www.868629.com-七星彩45-| www.1684.cm-彩票双色球选号投注| www.747409.com-趣彩cp77-| www.846046.com-彩票拖胆什么意思| www.935511.com-分分彩在线平台| 众发彩票www.959zf.com| www.11551.com-时时彩平台出售价格| www.86gj.com-福彩自动售票机| www.0296.com-彩票店前景-| www.10wu.cc-时时彩票是什么| www.zp22.com-好彩2中奖规则| www.1098.mobi-平台彩票网赚| www.8922.top-3彩报-| www.617796.com-中彩网的邀请人是谁| www.902367.com-成都快三彩票| www.973596.com-彩票足球比赛腰折| www.ia11.com-333彩票平台骗局| www.45dl.com-浙江福彩客服电话| www.65ay.com-乐八彩票安卓版| www.055367.com-足球体彩规则| www.82426.com-福彩千禧开机号| www.76338.cc-彩博士软件下载| www.39992.com-今日彩怎么样| www.953594.com-最贵的好彩香烟图片| www.cp9259.com-中彩票下载-| www.wl51.com-快三计划app| www.30mb.com-四季型的色彩特征是| www.594554.com-好彩客v111网| www.se.com-3d彩票解密-| www.66596.com-找福彩红孩三天计划| www.088970.com-重庆彩票幸运农场| www.197333.com-海南彩票大赛| www.283992.com-快三缩水软件app| www.529004.com-小六壬测彩票的号码| www.639509.com-高频彩彩票的骗局| www.4991.cn-足彩高手中奖彩票| www.37635.cc-彩宝网老版本| www.97118.com-足彩交易量最准的| www.100069.com-派彩北京快三| www.644767.com-彩九直播-| www.801707.com-广西福彩地址| www.948819.com-好运快三分析预测| www.518751.com-福彩3d4码出2| 博乐彩票www.188737.com| www.50ht.com-双色球彩票网下载| www.3399.vip-大学生购彩-| www.28rv.com-tt快三计划-| www.167387.com-河南快三走势图今天| www.47tq.com-我想开个彩票投注站| www.78211.cc-彩蛋游戏-| www.22787.com-九州博彩娱乐官网| www.273508.com-福彩的发行原则| www.994.org-中了彩票低调| www.352963.com-羸彩天下859cc| www.099191.com-今天彩票开奖的号码| www.824364.com-福彩开奖结果直播| www.955883.com-彩票赢还是输| www.ag46.com-彩票123软件| www.172857.com-福彩5d开奖走势图| www.23725.com-时时彩百胜计划软件| www.81vl.com-足彩半场胜负技巧| www.123.org-歌曲彩虹的约定儿歌| www.632422.com-彩票都怎么中奖的| www.715199.com-时时彩是几点开始| www.237683.com-14胜负彩对阵表| www.612666.cc-竞彩2串1行业赚钱| www.161449.com-足彩app加奖| www.58678.com-彩霸王今期图片| www.028137.com-6a6a彩票-| www.82qt.com-红五彩吧-| www.55509.cc-北京微信快三群| www.029893.com-福彩3d彩吧图谜一| www.130297.com-体彩大乐透奖金纳税| www.122223.com-鲍彩票-| www.662172.com-彩票hao○123| www.751232.com-11选五彩票预测| www.819328.com-买哪个彩票容易中奖| www.885052.com-网络彩票代玩兼职| www.948800.com-成都福利彩票转让| www.995079.com-浙江省彩票兑奖中心| www.eb95.com-百姓彩票网下载| www.zt34.com-竞彩篮球大小分| www.013039.com-七星彩两期相似号| www.069610.com-神彩彩票是真的吗| www.136225.com-59彩票官方网| www.36656.cc-蓝精灵彩报图| www.15884.com-彩铅画新手入门| www.586985.com-welcome彩票| www.os0.cc-快三稳赢方法| www.065385.com-必赢彩票案子结案没| www.115661.com-彩色水磨石地面图片| www.515078.com-民权彩礼多少钱| www.601082.com-彩票可以提前买几期| 易彩网www.99638o.com| www.947425.com-彩吧论坛首页天气网| www.369547.com-福彩今日藏机图| www.521861.com-和彩印怎么设置使用| www.613257.com-南洋马来西亚乐和彩| www.691871.com-大发彩票快三| www.771250.com-身边有人中过彩票吗| www.55244.cc-微信彩票群赚钱| www.tp69.com-重庆时彩刷返点| www.ms79.com-天天福彩彩种| www.521119.com-七乐彩各省中奖结果| www.176315.com-有没有快三的计划群| www.502324.com-三地走势图彩经网| www.872780.com-购彩大厅与uu直播| www.951543.com-新浪体育彩票直播| 99福彩www.619989.com| www.39986.cc-今日彩是什么| www.331650.com-体彩排列三四机号| www.01585.com-现在哪里还能买足彩| www.57982.com-买彩票是公益吗| www.857198.com-955彩票网-| www.920083.com-彩票gg网页-| www.971707.com-菜彩票开奖查询| www.cp3787.com-福彩3d预测分析| www.sr95.com-彩99苹果版下载| www.136757.com-易彩堂主页计划网| www.rt78.com-旺彩店主版-| www.6915.top-丰彩app下载| www.428151.com-彩票店彩票app| www.540277.com-96.cc彩票至尊| www.603422.com-彩6网站怎样| www.665598.com-星空彩票手机网址| www.729555.com-上海4d福彩开奖| www.806879.com-体育彩票纸多少钱| www.874212.com-免费搭建彩票平台| www.937774.com-云彩厅下载-| www.997322.com-足球彩票软件有哪些| www.cx57.com-福彩3d金码杀码| www.81322.cc-3d黑圣手福彩| www.183689.com-中国福彩江苏快三| www.590438.com-唯彩网看球-| www.719448.com-彩票玩法及规则| www.791731.com-时时彩租平台| www.it84.com-福利彩票兑奖期限| www.637590.com-归纳色彩图片| www.726693.com-彩虹的约定伴奏| www.816829.com-时时彩单号遗漏最大| www.932036.com-七星彩最少一等奖| www.983108.com-凤彩网就是赌博吧| www.cu77.com-福彩加盟-| www.c35.club-江苏快三大小玩法| www.42ak.com-彩库宝典怎么看开奖| www.0418.cn-山东彩票客户端下载| www.8429.pw-江苏竞彩网-| www.163390.com-中彩网广西快三| www.639626.com-富人人彩票app| www.926021.com-福彩旗下彩票| www.59799.cc-彩票赚钱犯法吗| www.450778.com-杏耀彩票是正规的吗| www.900053.cc-51彩票登录-| www.969485.com-宝赢彩票软件下载| www.sj67.com-天天乐时时彩app| www.26fs.com-开福利彩票站挣钱吗| www.566312.com-金百博彩民乐园登录| www.629571.com-手机网易红彩官网|