头像

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

来源:http://www.qatardalil.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.qatardalil.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.951072.com-章鱼足球彩票推荐| www.ez34.com-摸彩票90年代| www.746262.com-8亿彩票官方网址| www.822111.cc-703彩票官方网址| www.893949.com-彩牛彩票网安全吗| www.964105.com-中国彩吧体彩论坛| 500彩票www.202341.com| www.784520.com-2018互联网售彩| www.880963.com-3d黑彩奖金-| www.226103.com-百盈江苏快三代理| www.317596.com-职业彩民亏损| www.395708.com-体育彩票赔率怎么算| www.627920.com-秦兰香桂林彩调| www.653602.com-彩中堂挂牌-| www.6370.vip-中国福彩天齐网| www.26328.cc-彩吧彩票官方下载| www.820232.com-陕西彩票领奖在哪里| www.38133.com-下载欢乐彩官网下载| www.619942.com-时时彩k线选号| www.1482.xyz-易盈彩票靠谱么| www.07774.cc-中彩那天阅读答案| www.56951.cc-江西11选5彩票| www.050081.com-黑彩怎么当庄| www.135590.com-帝国彩票金管家| www.897404.com-体彩竞彩怎么玩| www.962384.com-陈华赌一胆福彩| 500彩票www.66621o.com| www.137507.com-彩票注册送钱| www.938778.com-亿彩网址登陆| www.988842.com-中彩网号码分折| www.zp2.cc-福彩河北快三结果| www.uq55.com-3d乐彩网免费走势| www.356300.com-国外彩票算法| www.476632.com-六福在线彩票| www.si42.com-福彩3d出号规律表| www.42qw.com-x换屏幕原彩设置| www.732.in-华富鼎彩票大骗局| www.0051.cm-红太狼买彩票中奖| www.9846.pw-古建亭子彩绘图案| www.030019.com-怎样下载大发快三| www.125505.com-体彩排五的开奖号| www.32we.com-彩票正月停几天| www.781054.com-彩虹上衣女-| www.070083.com-快彩e在线-| www.40056.com-褔彩3d开机号今天| www.603636.com-梦见好多人买彩票| www.753787.com-118彩票送彩金| www.904196.com-鸿运来彩票网| www.993549.com-大通彩票app导航| www.lq8.com-河北福彩3d和值表| www.td23.com-快三分解教学| www.531244.com-新浪爱彩篮彩推荐| www.444613.com-彩票3b开奖号码| www.144938.com-本溪福利彩票加盟| www.951484.com-彩票开奖察询| www.ls96.com-时时彩宝典官方网站| www.22je.com-怎么买彩票中奖风水| www.4764.cc-永盛彩票官-| www.011136.com-彩票每周几开奖| www.144894.com-注册送彩金棋牌| www.328606.com-免费送彩金棋牌| www.412512.com-彩票代理计划员招收| www.510409.com-彩虹屁夸人-| www.30kh.com-彩票开奖结果试机号| www.0229.com-快速时时彩官网| www.8255.site-江西快三一天几期| www.771734.com-三时时彩人工计划| www.55458.com-电脑数字彩票的规律| www.947744.com-b爱彩乐-| www.6012.biz-探探彩票-| www.52685.cc-好彩店足彩-| www.890073.com-花生彩票有没有备案| www.986609.com-彩客网一官网| www.ds49.com-自助彩票机合法吗| www.a00.shop-今天上海快三推荐号| www.169736.com-快三吉林省走势图| www.523872.com-北京时时彩是软件| www.hb51.com-福彩3d试机号码| www.3ao.com-怎样投诉彩票网站| www.1463.xyz-彩铅画星空视频教学| www.15681.cc-彩客彩票310| www.458336.com-百博海南七星彩骗人| www.586097.com-彩六118版本| www.727034.com-乐彩网是骗人的| www.964410.com-幸运彩票的号码规律| www.cp3356.com-官网一分快三| www.ss01.com-时时彩玩九码输死| www.02gw.com-世界杯体彩不让买了| www.78sc.com-六台彩迷宫看11| www.co57.com-浙江快三开奖| www.7412.vip-色彩斑斓的近义词| 幸运彩票www.044592.com| www.r51.com-彩票天天彩选四| www.87ey.com-小白彩票1-| www.2536.vip-饰彩的意思是什么| www.7yn.com-中国福彩网官网下载| www.809599.com-哪里有手机购彩| www.886469.com-微信上下分中华彩| www.964674.com-足球彩票十四场开奖| 大赢家彩票平台www.250209.com| www.082242.com-手机上玩快三犯法吗| www.207456.com-魔方彩票app| www.321544.com-彩票中奖规律计算| www.500065.com-竞彩二串一跟单计划| www.628090.com-体彩任选9场怎么玩| www.898422.com-福彩扫一扫最新| www.964412.com-京彩app靠谱吗| 发彩www.50732w.com| www.822222.com-5oo彩-| www.880034.com-玩快3彩友新得| www.511040.com-刘畊宏彩虹天堂下载| www.19jz.com-彩5下载注册| www.681263.com-掌中彩掌中彩安卓版| www.240440.com-福彩3d字迷解| www.331142.com-彩神通关注码及金码| www.408515.com-体育彩票过年什么停| www.aq52.com-江苏福利彩票块3| www.028216.com-鸿奇时时彩平台| 500彩票www.649677.com| www.uj31.com-彩票计划软件免费| www.29el.com-星空彩铅画图片大全| www.4219.xyz-七彩化学-| www.9651.loan-福利彩票开心奖结果| www.43809.com-快三怎么追冷豹子| www.tw2.cc-彩票预测器-| www.ym17.com-乐购彩app-| www.73vd.com-彩一万诚信com| www.6415.live-高频彩票计划客户端| www.43898.com-旺彩双色球缩水软件| www.98335.cc-竞彩258官方客服| www.53657.cc-时时彩送彩金36| 老彩票www.775706.com| www.mw81.com-彩经网新版走势图| www.21az.com-彩客网pc-| www.82ej.com-竞彩最高奖纪录| www.509689.com-美国13亿彩票| www.69215.com-众博彩票99-| www.94gs.com-360竞足球彩票| www.3746.me-春节后何时七星彩开| www.112941.com-体彩助手扫描二维码| www.77422.com-统计学与彩票| www.909216.com-宝马彩票客户端下载| www.01lk.com-新彩福彩字谜| www.23217.cc-天吉手机彩票论坛区| www.71186.cc-福彩开奖结果与查询| www.lq00.com-彩宝贝app下载| www.09mq.com-泉州直播体彩聊天室| www.85st.cc-足彩亚盘pdf| www.5233.me-大乐透唯彩推荐号| www.539472.com-快三中奖最多人| www.700079.cc-中国五百彩票网| www.763434.com-500万彩票网比分| www.886187.com-彩客网电脑版下载| www.939671.com-福彩通是真是假| www.213048.com-金沙博彩-| www.338850.com-优彩交流社区| www.31yg.com-福彩中心过年放假吗| www.2244.top-魅力易彩骗局| www.992304.com-七乐彩拖胆投注表| www.ay31.com-福彩积分-| www.ui80.com-福利彩票奖金怎么算| www.35ac.com-点击彩是不是正规的| www.1426.in-网上彩票网站靠谱吗| www.98923.com-财神时时彩计算软件|