头像

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

来源:http://www.nxxhsr.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.nxxhsr.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
福建快3 www.67hh.com-福彩七乐彩机选| www.68929.cc-彩盈-| www.2345.loan-重庆分分彩精准计划| www.53813.cc-深圳东方亮彩怎么样| www.67nd.com-com.彩78-| www.376703.com-喜盈盈彩票app| www.762908.com-浙江爱乐彩11选五| www.240427.com-彩铅颜色搭配口诀| www.053169.com-快三不贪心能赚吗| www.306877.com-周立波调侃体育彩票| www.x75.net-nba篮彩分析| www.387.cc-苹果x炫彩边框壁纸| www.6021.cc-重庆彩票大奖| www.902826.com-彩票交流请加群| CP701www.544aa.cc| www.489.cc-分分彩必杀一个号| www.95dn.com-多彩投怎么分红| www.6759.net-87彩票店主版| www.86392.cc-新彩怎么画-| www.358060.com-幸运彩票可靠吗| www.450541.com-七乐彩每天几点开奖| www.787313.com-雪园足彩比分直播| www.920661.com-彩神ix充值100| www.344700.cc-快三下期-| www.866993.com-福彩中心放假吗| www.448110.com-河南7星彩开奖查询| www.151057.com-彩票网站登录| www.971361.com-彩票最快开奖时间| www.883191.com-彩36-| www.955571.com-彩票中屠龙-| 68彩票www.68689c.com| www.444239.com-体彩p3数字遗漏| www.886713.com-乐彩网打不开| www.73367.com-彩票实力平台| www.01201.com-足彩赔率分析技巧| www.606207.com-旺彩十一选五走势图| www.766848.com-糖果彩票真的吗| www.080152.com-快三一般多久出豹子| www.579554.com-澳客彩票下载手机版| www.582026.com-内蒙快三官网下载| www.692170.com-爱彩乐3d遗漏查询| www.802406.com-竞彩总进球数规则| www.883994.com-福彩3d走综合势图| www.444144.cc-七星体彩开奖结| www.723519.com-常州彩票中大奖| www.860592.com-五分⑥和彩怎么破解| www.pb47.com-河北快三走杀号| www.44cp.cc-出彩人生的含义| www.280888.com-重庆福利彩票网| www.068689.com-快三摇奖机-| www.162720.com-福彩快三怎么买和值| www.46420.com-乐透型彩票中奖技巧| www.508817.com-新浪购彩大厅| www.868865.com-七星彩软件哪个最好| 500彩票www.50026a.com| www.997214.com-私彩群-| www.tz89.com-体彩内蒙古十一选五| www.9487.vip-彩钢夹芯板用在哪里| www.65nk.com-彩麒麟的养殖方法| www.258826.com-胜负彩500足彩| www.444585.com-p五跨度南方双彩网| www.596255.com-家彩论坛3d-| www.761204.com-彩礼钱法律规定| www.872798.com-遵义体彩中心在哪里| www.hr84.com-北单竞彩-| www.4756.top-游戏厅里的彩票| www.38831.com-旺彩专家预测分享| www.87535.com-信达国际里面是彩票| www.32122.com-彩票店员工工资| www.653745.com-澳门富民彩官方资料| www.228353.com-南阳市彩礼钱| www.08bw.com-亿彩票app下载| www.095253.com-重庆时时彩心得| www.567813.com-体育彩票足彩百科| www.910620.com-快三走势图贵阳| www.975208.com-体彩网点编号查询| www.678427.com-胜负彩最新开奖结果| www.781887.com-彩票今曰开奖结果| www.11bw.com-大庆全运彩-| www.5633.club-qq能买彩票吗| www.275793.com-哪个软件能玩快三| www.7786.me-买彩票中奖后的感想| www.8478.top-8彩神帝-| www.444883.com-体彩大乐透真实吗| www.60148.com-彩票中多少收税啊| www.214528.com-四亿彩票网-| www.322706.com-头头博彩下载| www.425342.com-彩泥做冰淇淋小视频| www.961419.com-老梁观世界彩票| 京彩集团www.369888aa.com| www.59839.com-微彩店合法吗| www.9809.online江西七星彩中奖| www.52686.cc-好彩投app苹果| www.93728.com-足彩推荐平台哪个好| www.98573.com-比特币分分彩正规| www.285591.com-彩票外围网站哪个好| www.341344.com-如何成为彩票的庄| www.c10.space-彩民福地客服| www.7251.top-雨后彩虹儿童画| www.523303.com-喜乐彩票下载安装| www.624533.com-彩票界的黑平台| www.697898.com-香港福利彩网站大全| www.797674.com-购彩99-| www.888269.com-如何辨别彩票真假| www.956909.com-谁有玩金利彩票| 爱购彩www.23636n.com| www.4936.org-彩票网址123| 68彩票www.68689y.com| www.841626.com-七乐彩死规律| www.949038.com-中彩股份快三走势图| 500万彩票www.500cd.com| www.pg67.com-足彩最新预测| www.070053.com-体育彩票中奖概率| www.670661.com-福彩水果农场有假吗| www.339946.com-竞彩收米gif图片| www.fw80.com-彩票计划员-| www.348245.com-彩客网手机完整比分| www.948163.com-千亿彩票手机版下载| www.410552.com-七彩球怎么拼装| www.627812.com-玩彩票平台哪个好| www.7669.com-彩汪汪app-| www.853795.com-时时彩走势图天津| www.77kn.com-彩票资源分享| www.02nu.com-彩虹光男头像图片| www.929032.com-旺旺彩票能玩吗| www.71wv.com-18012体育彩票| www.8850.cn-表格模拟彩票| www.568480.com-福彩3d怪字图片| www.692170.com-爱彩乐3d遗漏查询| www.801968.com-彩运网cy000| www.911122.cc-信心彩路线入口| www.988508.com-千禧彩票首页| www.hm24.com-足彩规则-| www.01fw.com-生日彩票计算器下载| www.090601.com-金海特彩票网| www.322657.com-海南七星彩开奖现场| www.8821.loan-澳彩网下载-| www.794219.com-国家反对赌博开体彩| www.909997.com-下载福彩22开奖| 成功彩票www.le33.cc| www.i40.net-银川体彩兑奖在哪| www.739790.com-金龙彩票下载| www.858475.com-彩票为什么提前封盘| www.997499.com-职业时时彩玩家绝招| www.lw62.com-36选7好彩1预测| www.088422.com-雪绿足彩比分直播| www.216036.com-快三豹子规律| www.kb21.com-大庆快三-| www.7556.org-3d众彩网-| www.4595.cm-乐透型彩票常用选号| www.481896.com-时时彩在线缩水过滤| www.568935.com-安徽快三开奖40期| www.643530.com-买彩票5元都很难中| www.697183.com-运营彩票-| www.770453.com-黑彩网站搭建| www.820345.com-河南地区彩礼排行| www.013308.com-腾讯分分彩五星规律| www.14920.cc-香港资料彩票正版| www.ft07.com-百盈快三合法吗| www.vz04.com-贵州省福利彩票官网| www.wl78.cc-爱乐透彩票网| www.056905.com-快乐彩票开奖查询| www.082775.com-众信国际彩票| www.88pm.com-热购彩票大全|