头像

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

来源:http://www.lifes-exciting.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.lifes-exciting.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.00bc.com-青蛙彩票开彩结果| www.581719.com-永盛彩票网登录| www.08um.com-南昌福利彩票兑奖室| www.84qc.com-福州彩票双色球开奖| www.3349.cc-中彩股哈市-| www.9825.org-体彩开奖杳-| www.85693.com-爱马仕蓝彩星光香水| www.051896.com-彩票合买中奖率高吗| www.158462.com-足彩北单玩法| www.256757.com-安徽快三3同号| www.339742.com-彩票网免费送彩金| www.435449.com-彩票33-| www.539497.com-二手福彩机能过户吗| www.667223.com-体彩真能中奖号码| www.755111.cc-海南七星彩主攻头尾| www.882191.com-彩票计划师是真的吗| www.970212.com-体彩排三乐彩网| www.cp0031.com-乐彩网app下载| www.pt92.com-点彩票-| www.12am.com-做个彩票app| 计划软件-箭彩-| www.2992.cc-福彩中奖分享| www.9102.org-七星彩票规律图规| www.70044.com-时时彩后三胆码| www.036736.com-快乐彩22选1软件| www.130506.com-彩汇网-| www.213010.com-彩票平台哪个最正规| www.293493.com-幸运彩网址-| www.369294.com-福利彩合法吗| www.476526.com-网络投彩票是真的吗| www.565769.com-成都体彩兑奖中心| www.643726.com-618彩票怎么看| www.866476.com-体彩开奖结果昨天的| www.940366.com-7168彩票苹果版| www.999535.com-彩票微信群公告范文| www.aa61.com-腾讯时时彩官方开奖| www.tf66.cc-许昌彩票店转让信息| www.07mf.com-彩票最大的奖| www.80wr.com-江西快三哪个平台有| www.5222.online福彩八卦图哪个最好| www.15378.com-奥客网竟彩-| www.62869.cc-智慧彩挂机软件下载| www.083988.com-即时开彩下载| www.155302.com-彩票团队注册送彩金| www.262378.com-快三中奖号-| www.355480.com-中国福利彩票aop| www.444948.com-下彩网彩票触摸| www.544442.com-彩票店会显示中奖| www.656857.com-竞彩2串1对冲外围| www.739209.com-第一红彩店下载| www.815581.com-排列五福彩还是体彩| www.888966.cc-凤凰彩票提款要多久| www.960478.com-泰安体育彩票转让| 博乐彩票www.355811.com| www.ja59.com-福彩迷安全吗| www.d53.loan-用人工智能预测彩票| www.42rk.com-搜狗彩票计算器下载| www.682.cm-赌时时彩赢三百万| www.5041.vip-够力七星彩解梦死人| www.07900.cc-爱开彩十一选五| www.53367.cc-时时彩网站设置| www.99620.com-3d彩票app-| www.070973.com-人人竟彩-| www.137491.com-易彩娱乐二维码| www.218622.com-内蒙古快三技巧规律| www.295619.com-体育彩票排三走势图| www.368728.com-体彩今日开机号码| www.471168.com-私彩幕后控制| www.558987.cc-彩虹的约定钢琴谱| www.631608.com-今期广东彩王报| www.708383.com-网上怎么买正规彩票| www.789401.com-彩票叫卖顺口溜| www.870281.com-至尊彩江苏快三主页| www.fn74.com-足球竞彩500| www.uv10.com-老谢说彩团队| www.10hq.com-体彩大乐透众彩网| www.80bv.com-万得彩票-| www.1694.vip-爱乐透彩票提现| www.32120.cc-易彩堂怎么玩| www.75465.com-模拟竞彩投资软件| www.025896.com-网彩怎么稳赚不赔| www.101801.com-竞彩足球彩票推荐| www.169531.com-内蒙快三玩法| www.330060.com-贵州体育彩票网站| www.400282.com-体彩官网哪里买好点| www.535157.com-七星彩19019期| www.622106.com-凤凰彩票官网是多少| www.691992.com-正规的彩票-| www.770991.com-一分彩彩票软件| www.879769.com-888彩票平台| www.952630.com-时时彩平台信誉| www.996369.com-彩票pc蛋蛋网址| www.bh5.com-彩65app-| www.nk87.com-足彩计算器混合过关| www.2zd.cc-幸运彩票有没有问题| www.59ei.com-中国竟彩足球| www.0085.red-福彩幸运宝石| www.8018.cm-彩虹伞的背景音乐| www.25875.cc-3d彩票玩法说明| www.67399.cc-时时彩可以赚钱吗| www.104105.com-彩票030期-| www.175660.com-福彩快三破解器| www.271592.com-广东福彩好彩1详情| www.356462.com-彩票自动下单软件| www.439488.com-福彩中心游戏厅| www.527605.com-时时彩平刷实战经验| www.632041.com-七彩虹网驰2060| www.699011.com-华夏福彩哪里下载| www.772834.com-时时彩单双号码规律| www.876457.com-快三分分彩走势图| www.947853.com-海南竞猜型彩票| www.987198.com-购彩堂彩票是真的吗| www.cp146.com-福彩快三骗局揭秘| www.kj76.com-12彩票app-| www.a23.xyz-福彩图标大全| www.23km.com-新彩网3d汇总| www.959.in-彩票遗漏概率极限| www.5845.org-天津体彩站点查询| www.07966.cc-高频彩长龙统计网| www.47005.com-哪个私彩平台送彩金| www.89251.com-注册30彩票金| www.041117.com-广西快三今日更新| www.163037.com-大发快三提现没到账| www.242661.com-在潮信上买彩票| www.311619.com-快三怎么代理赚钱| www.375973.com-宁国彩票中奖| www.511346.com-超级时时彩全天计划| www.576277.com-江苏快三跨度图表| www.638588.com-中国彩票的监管部门| www.743215.com-俄罗斯彩蛋珠宝| www.806966.com-竞彩足球跟单计划| www.875424.com-福利彩票p62规则| www.959651.com-哪个平台买彩票正规| www.999534.com-福彩组三走势图| www.et.com-快3彩票哪个软件好| www.lz88.com-五分时时彩官方网站| www.d20.me-彩票開獎-| www.25gy.com-风采与风彩的区别| www.858.live-时时彩8计划网| www.4377.cc-家彩网3d家彩论坛| www.9167.org-168快三开奖网| www.54685.com-红中彩票平台客户端| www.94442.cc-pc彩票app下载| www.046503.com-天天彩app-| www.142674.com-福彩3d小小鱼图| www.209144.com-体彩5d开奖查询| www.271385.com-丰彩中奖率-| www.368283.com-浙江体彩超级大乐透| www.447745.com-福彩3d老杨说彩| www.530380.com-幸运彩票助手安卓| www.626520.com-福彩三的千禧试机号| www.687282.com-体彩排列三开走试图| www.755789.com-中彩是真的吗| www.856457.com-彩霸王图库彩图| www.910528.com-彩93彩票app| www.958872.com-绍兴彩票中奖号码| www.995122.com-福彩主任被抓| www.cp861.com-福彩快三网址| www.jk58.com-快三提前一期看开奖| www.yh09.com-分分彩后二怎么杀码| www.12ad.com-特彩吧cc369| www.68zb.cc-体彩网店-| www.0232.cn-淼鑫彩票网站| www.397546.com-足球彩票让球规则|