头像

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

来源:http://www.waituibao.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.waituibao.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.253285.com-好彩妹和谁在一起了| www.926701.com-彩票网上怎么买| www.697617.com-彩票资料免费之大全| www.813045.com-微信登录天天中彩票| www.9442.loan-福彩三d牛彩网| www.sb02.com-体彩双胆预测| www.242538.com-买体彩算赌博吗| www.387203.com-手机彩膜怎么揭下来| www.571133.com-星期二彩票开什么奖| www.192295.com-手机11选5彩票| www.299128.com-幸运快三计划骗局| www.424880.com-七彩绳代表什么意义| www.590870.com-天下彩票308| www.731749.com-彩钢瓦围挡生产厂家| www.841620.com-七乐彩选号方法| www.927203.com-福建休彩31走势图| www.985893.com-快三三不同号多少注| www.bw28.com-盈佳彩票app| 500彩票www.52072q.com| www.950112.com-一定牛彩票能买了吗| www.170980.com-大发快三计划网页| www.cp1432.com-十分快三真的假的| www.942664.com-众彩易购是真实的吗| www.cp0378.com-北京快三走势| www.ti66.com-助赢彩票软件app| www.45mi.com-盛大彩票网站| www.1785.vip-白菜彩金网址大全| www.083452.com-东彩娱乐真假| www.220501.com-快彩是骗人的吗| www.6732.top-淘宝买快三-| www.42439.cc-709彩票软件| www.582290.com-网冠彩票平台| www.366879.com-彩铅星空麋鹿图片| www.522046.com-广州好易彩票| www.634382.com-3d家彩网胆码预测| www.714398.com-500轻聊彩票吗| www.791844.com-万博博彩app下载| www.872822.com-中国福利彩票店加盟| www.968567.com-1分彩怎么才能赚钱| www.27cu.com-买彩票中10万| www.996871.com-爱乐彩是黑网吗| www.jj23.com-网上玩分分彩必输| www.133755.com-天天中彩票福彩3d| www.233742.com-北京快三跨度百宝彩| www.263639.com-大乐透彩票中奖案例| www.qp21.com-ig彩票官方网站| www.3553.in-人人中彩票网手机版| www.98il.com-炫彩字体生成| www.5605.cc-免费的彩票程序开发| www.13017.com-福彩购买技巧查询| www.61191.com-购彩堂app下载| www.wp21.com-中彩股份下载| www.355558.com-必中彩-| www.480543.com-福利彩票多彩网| www.570888.com-十五选五福彩开奖| www.641178.com-600w彩票网首页| www.730095.com-苹果下载彩票软件| www.796010.com-盈彩在线官网| www.862964.com-彩票开奖查询api| www.15su.com-彩虹六号电脑配置| www.687.in-福彩3d形态怎么看| www.7946.biz-博彩学院-| www.005356.com-昨天体彩出的什么号| www.755600.com-三d彩绘机-| www.866893.com-55期彩票开奖| www.945633.com-福建体育彩票开奖| 天天彩票www.54968g.com| www.pd39.com-快三怎么注册账号| www.16hw.com-秦皇岛体彩店转让| www.779182.com-福彩会员积分卡| www.27126.cc-袁老师福彩3d| www.97911.cc-彩38下载手机版| www.077262.com-彩色复印图片| www.162039.com-大元彩票-| www.273208.com-中国福彩发行原则| www.370086.com-中国彩票开奖假视频| www.490510.com-天猫国际城彩票平台| www.566600.com-体彩排列三活动| www.636340.com-彩虹糖机器怎么做| www.794107.com-彩票平台怎么举报| www.021049.com-七行彩开奖结果查询| www.165345.com-创富彩票靠谱嘛| www.712.cm-时时彩长期盈利技术| www.7772.cc-快三肖立刚技巧| www.27745.com-黑龙江大庆快三查询| www.xk6.com-深圳福彩网-| www.92130.com-顺丰彩票app苹果| www.128664.com-网彩是不是诈骗| www.221797.com-彩票挂机靠谱吗| www.298839.com-体彩今天开奖号码| www.355948.com-谁中过彩票大奖| www.503150.com-彩友多店主微信| www.806071.com-99彩彩票-| www.895555.com-网兼创名彩票靠谱吗| www.965896.com-投福彩是什么| www.ct6.com-快三是什么意思吗| www.yu52.com-福利彩票app购买| www.066731.com-u9彩票软件-| www.155858.com-彩票30期预测| www.239108.com-刷彩金风险-| www.311320.com-下载官方天天中彩票| www.379980.com-彩票运营中心| www.521858.com-和彩印怎么取消| www.75367.cc-买彩票发财-| www.112389.com-彩票注册送18| www.227579.com-福运彩票是真是假| www.501773.com-500彩票违法么| www.573936.com-四川电信彩铃| www.783832.com-唯彩会姜山-| www.870808.com-一赔1的彩票| www.966809.com-体彩多少天兑奖| 易彩网www.99638a.com| www.53235.com-甘肃快三的打法| www.030053.com-彩虹屁语录-| www.281102.com-报刊亭卖彩票| www.700820.com-福彩3地天天彩图| www.822465.com-莱利彩票pk彩票| www.902342.com-网络黑彩案例| www.976915.com-雷诺好彩一预测| www.2197.win-环球彩票合法吗| www.30113.com-江苏快三如何投注| www.028928.com-彩神网合法吗| www.24758.com-樱花树彩铅画教程| www.863570.com-7168彩票下载| www.924964.com-全民赢彩票最新下载| www.974018.com-浪琴一天快三秒| 大赢家彩票www.584911.com| www.852.cm-重庆时时彩小鹿助手| www.6723.me-安徽福彩中心网站| www.623098.com-乐享彩票是老平台吗| www.691103.com-竞彩老头-| www.765485.com-福彩快频彩下载| www.823313.com-今晚三d彩涂| www.878751.com-彩票的积分卡号| www.936505.com-彩客竞彩彩app| www.977079.com-河南结婚风俗彩礼| 众乐彩票www.684544.com| www.47781.com-石敢当和好彩妹| www.505537.com-百姓彩票网投是多少| www.00571.com-彩票店加盟电话| www.949029.com-国彩网登录-| www.522000.cc-网上买彩票包赔骗局| 环球彩票www.868955.com| www.vy69.com-快三能在手机上买吗| www.654703.com-彩家园计划聊天室| www.064569.com-私彩是怎样赚钱的| www.186576.com-三分钟时彩-| www.51tt.cc-创意水彩笔画图片| www.276258.cc-湖北彩3d-| www.348322.com-众乐彩票代理| www.020989.com-大马彩多多万能成绩| www.948601.com-彩票刮刮卡中奖秘密| 金掌柜www.83993k.com| www.501381.com-易彩堂经营-| www.705011.cc-爱彩乐江苏-| www.907940.com-彩票网源码-| www.981147.com-七彩格子是真是假| www.6477.xyz-快乐彩手机版| www.355593.com-人人乐彩票网址| www.871356.com-如何下载福彩双色球| www.50411.com-七星彩票论坛加急版| www.011423.com-3d彩票大侠三胆| www.437599.com-春秋彩票计划图| www.95699.com-福利彩票哪年发行的|