头像

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

来源:http://www.shushengfeiyang.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.shushengfeiyang.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
彩神APP官网 www.885173.com-官方大乐透购彩| www.999918.com-快三是国家开奖的吗| www.co10.com-超神时时彩独胆| www.909094.com-甘肃快三中奖助手| www.986185.com-体彩排列五走势新浪| www.bb01.cc-上饶体彩中心官网| www.238153.com-发彩网是正规的吗| www.330938.com-彩票高频走势图软件| www.840398.com-海南结婚彩礼| www.924002.com-新手怎么买福利彩票| www.982529.com-彩票对打平台坑人| www.mj1.com-内蒙时时彩中奖技巧| www.qp45.com-北京单场彩票| www.yn75.com-江苏快三中奖率高吗| www.61vl.com-福彩3d妖精和差| www.4563.cc-顶尖的彩票源码系统| www.010261.com-多年研究快三心得| www.661340.com-新疆福利彩票双色球| www.761093.com-浙江体育彩票6十1| www.852359.com-河内时时彩吧| www.926557.com-彩票种类价格| www.981994.com-辉腾团队彩票| www.nz04.com-爱农驿站彩票| www.32sf.com-浙江11选5爱彩乐| www.jt29.com-彩神安卓下载| www.9lc.com-59博彩论坛网址| www.284146.com-彩票都有什么种类| www.0825.tv-竞彩网能投注吗| www.17657.com-505彩票兼职| www.536963.com-中国福利彩票双色珑| www.751349.com-彩票投注站利润分析| www.862293.com-湖北体彩电话号码| www.952218.com-加拿大3分彩开奖图| 500彩票www.50080n.com| www.4388.cn-甘肃快三33期| www.9474.top-彩票统计asp| www.161608.com-中国体彩足球竞猜| www.033333.com-彩店宝appios| www.0431.space-福利彩票杀码| www.592842.com-彩虹7-| www.05548.com-顺发彩票官方网站| www.336442.com-东方彩票提现提不了| www.467091.com-彩票天空与你同行| www.549206.com-哪里可以线上买足彩| www.625393.com-七乐彩预测牛材网| www.2697.cn-c77彩票下载| www.025462.com-彩票爬虫-| www.375068.com-6天下彩-| www.7512.pw-体彩机转让信息| www.737648.com-90彩票是真的吗| www.061038.com-中华彩票网合法吗| www.644729.com-体彩大奖-| www.727279.com-香港马会彩票中心| www.801607.com-单机彩票手机版| www.886323.com-凤凰彩铅画图片大全| www.67jo.com-彩票生意好做吗| 亿彩彩票www.yi876.com| www.810986.com-竞彩单场奖金| www.911571.com-天天彩选四几点开奖| www.983795.com-爱玩彩app-| www.od2.com-甘肃快3彩经网| www.300038.cc-七天彩是骗局| www.395165.com-彩虹秒赞网源码| www.606573.com-世界杯足彩停售了| www.677701.com-怎么计算快三和值表| www.750441.com-豪彩官网注册| www.813687.com-海南快三开奖号码| www.878422.com-财富彩票是真的吗| www.959239.com-彩票中奖排行榜| 幸运彩票www.5095v.com| www.032886.com-彩票137平台| www.15766.cc-青丘白凤九彩铅画| www.80671.com-c868彩票登-| www.78329.cc-3d彩票实战讲座2| www.039063.com-时时彩中奖助手下载| www.pk17.com-彩票技巧高手| www.34is.com-福彩3d开奖号查| www.204949.com-福彩快3河南走势图| www.2569.pw-买彩票那个平台好| www.628993.com-俄罗斯彩票中奖号码| www.775535.com-彩富、网-| www.891659.com-快三如何才能赚钱| www.984842.com-体彩最新选号法| www.iy1.com-内蒙体育彩票快三| www.mt20.com-福利彩票复试玩法| www.35oa.com-彩票33手机版| www.542543.com-福彩3d游戏规则| www.mb90.com-福建快三号码统计| www.pk07.com-彩色混凝土-| www.53no.com-凤凰微彩客户端| www.460658.com-领航彩票源码下载| www.uq2.cc-彩票预测神器| www.53518.com-手机怎么买时时彩| www.d53.cc-人工智能彩票预测| www.82em.com-极速赛车彩票是哪的| www.297276.com-怎么看彩票走势图解| www.41jd.com-够力七星彩安卓下载| www.12at.com-彩票app定制开发| www.119.me-赤峰彩票中心电话| www.4234.biz-唯彩绘-| www.s08.cc-网上广西快三违法吗| www.72go.com-体彩竞彩网今日单关| www.372936.com-陕西福彩3d开奖| www.519968.com-中彩竞彩网-| www.886339.com-玩彩网8-| 大赢家彩票平台www.197560.com| www.11wk.com-体育彩票昨晚的号码| www.to29.com-567彩票-| www.286751.com-易彩堂彩票开挂| www.367537.com-上期彩票出多少号| www.v05.cc-南粤彩票-| www.740282.com-香港澳门彩票网| www.848236.com-古建彩绘公司| www.922612.com-体彩分析师怎么挣钱| www.973827.com-福彩网江苏快三| 博友彩www.693119.com| www.rj0.com-福彩快三神器| www.pu10.com-广西快三害人输惨了| www.6502.vip-快三砍龙-| www.68275.cc-彩66彩票-| www.86575.cc-彩吧论坛迷语图库| www.048147.com-爱彩乐北京十一选五| www.689478.com-浙江省福彩兑奖地址| www.777342.com-833彩票-| www.41936.com-五分跑马彩票合法吗| www.q04.net-3d彩票有几种玩法| www.65il.com-体彩在哪个台直播| www.670664.com-今日体彩胆码| www.762718.com-神圣彩票下载安装| www.845744.com-37彩票合法的网站| www.904468.com-大发快三下载苹果版| www.957149.com-杏彩平台-| www.994659.com-辉煌彩票网站| www.zt2.com-彩票双色球开奖42| www.21mw.com-8618彩票-| www.608.tv-福彩12选5怎么玩| www.4500.hk-7星彩19028-| www.22458.com-体彩竞彩网500| www.025760.com-喜乐彩票下载| www.687.red-马莉萍经营福彩| www.865457.com-重庆分分彩开奖记录| www.883762.com-博友彩首页app| 爱彩乐www.346918.com| www.4si.cc-彩赢家福利彩票| www.76ay.com-打彩怎么才能稳输呢| www.913558.com-彩客网app老版| 财神网www.29277w.com| www.fe26.com-官方彩乐透是真的吗| www.vo16.com-安徽快三今50期| www.5834.net-微信小程序买体彩| www.05904.cc-彩票杀号软件| www.99337.cc-重庆时时时彩走势图| www.769751.com-七彩阳光歌曲| www.032339.com-福彩3d牛彩网汇总| www.123615.com-河北福彩排七| www.220418.com-彩运8平是真的吗| www.271621.com-一定牛体育彩票官网| www.180658.com-百盈快三怎么分析| www.dz89.com-台北快三投注技巧| www.zf53.com-全彩本子库5d| www.77ta.com-足彩违法吗-| www.16tw.com-怎么开设彩票服务器| www.1if.com-福彩3d字谜85期| www.69pi.com-搜狗彩票红球杀号|