头像

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

来源:http://www.wotaomao.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.wotaomao.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.063866.com-时时彩关闭了| www.0313.biz-体彩智慧门店| www.051160.com-打高频彩有赢的吗| www.281503.com-时时彩和值打法| www.254185.com-糖果彩主页-| www.331907.com-大发快三刷流水收益| www.408339.com-竞彩精准稳胆| www.512360.com-彩色铅笔人物写实画| www.592677.com-彩虹频道手机直播源| www.885156.com-国际彩票app| www.976719.com-全国结婚彩礼排名| www.fn6.com-重庆时时彩停售| www.309432.com-信彩票官网-| www.c51.shop-七星彩规律表图片| www.985.biz-体彩排列三五试机号| www.89790.com-下截福彩双色球软件| www.778108.com-购彩计划-| www.947172.com-福彩湖北快三预测| www.61101.com-彩票体彩7星彩| www.961737.com-郑州福彩兑奖中心| www.699205.com-乐彩彩票登录网址| www.808365.com-足球竞彩结果查询| www.972474.com-优彩网app下载| www.gr1.com-北京快三开奖多少| www.663872.com-环彩彩票进不去| www.758739.com-微彩网下载地址| www.871440.com-福彩彩图吧-| www.939301.com-彩票压大小-| www.990457.com-福彩三地谜语大全| www.fx81.com-时时彩骗术揭秘| www.87oc.com-淘宝助手能买彩票吗| www.465555.com-高档古建彩绘图案| www.80lf.com-福彩3d今开什么号| www.289011.com-彩神安徽快3| www.497448.com-家彩网开机号码| www.668006.com-tt彩稳定版app| www.818533.com-怎么去兑彩票大奖| www.959859.com-五亿彩票网-| www.cs23.com-稳定的彩票平台| www.97sg.com-百胜快三破解器下载| www.ym58.com-旺旺彩票平台网站| www.92yo.com-枫亭时时彩案件| www.80263.com-福利彩票双色球讲解| www.751141.com-彩票程序破解版| www.37uk.com-彩票双色球幸运奖| www.4093.org-鸿博彩票海南公司| www.773586.com-时时彩开奖最快软件| www.395234.com-彩虹授权商正版查询| www.5974.vip-新浪彩票大乐透竞技| www.94633.com-福彩刷流水挣钱吗| www.353376.com-大发彩票一uu直播| www.770641.com-网上彩票怎么盈利| www.627988.com-查上海快三开奖号| www.757015.com-全民彩票平台靠谱吗| www.16071.com-3d乐彩网论坛| www.620591.com-如意彩票网是真的吗| www.361105.com-黄都彩票-| www.270780.com-093.cc彩票-| www.296135.com-幸运快三玩法技巧| www.507848.com-传奇彩票娱乐网址| www.620777.com-彩票世界官网| www.779203.com-重庆时时彩手机安卓| www.892185.com-彩票榜下载苹果版| www.975647.com-云彩在线彩票合法性| www.07ev.com-福彩怎么算奖金| www.5447.com-彩虹六号手游叫什么| www.43296.com-旺彩双色球以前版本| www.568834.com-十一选五大彩鲸开奖| www.684080.com-体育官方彩-| www.769062.com-东盛彩报4-| www.993644.com-足彩19044开奖| www.fq78.com-浙江体彩网6十1| www.51df.cc-绿翡翠彩票中奖率高| www.6486.xyz-大财神彩票网址| www.346585.com-明彩影视-| www.66125.cc-澳门博彩足球赔| www.370129.com-公海彩票-| www.39qo.com-福利彩票销售厅图片| www.2923.pw-柒鑫彩票盗刷| www.6664.in-乐赢彩票苹果| www.211480.com-职业玩福彩快3| www.353123.com-京彩集团介绍| www.552559.com-亿万彩票-| www.166976.com-福彩手机投注| www.262556.com-长沙福彩兑奖中心| www.308669.com-网上购彩票怎么兑奖| www.286208.com-福利彩票7彩乐规则| www.835088.com-好彩红跟蓝哪个好抽| www.xo89.com-怎么玩快三稳赢不输| www.959621.com-彩票团队计划高手| www.16807.com-彩票撕碎了还能兑奖| www.11au.com-彩票追号攻略| www.82cb.com-足彩四场进球彩预测| www.4126.love-彩虹的重力txt| www.66291.com-彩易博天誉高手论坛| www.66xt.com-信游彩票-| www.2603.cn-湖南体彩排列三论坛| www.998214.com-北京福彩咨询在哪里| www.967220.com-福彩快三奖金怎么算| www.hh02.com-快三计划稳赢版免费| www.88ab.com-福彩天中图库首页| www.6030.vip-云南省体彩中心电话| www.81121.com-全民彩票用户注册| www.106591.com-彩票刷七码什么意思| www.447112.com-福彩开奖主持人简介| www.943358.com-网易彩票买不了| www.171198.com-彩票开奖查询结果表| www.076810.com-美国彩票大奖| www.183426.com-体彩网大全-| www.307339.com-韩国彩票怎么兑奖| www.551800.com-cp544快三计划| www.759677.com-免费注册送彩金| www.875235.com-排列三走势图彩经| www.47pu.com-刚力彩芽人气| www.09.biz-手彩葡萄酒-| www.964221.com-福彩足球-| 13e彩票www.510860.com| www.771191.com-彩虹儿童画图片| www.15os.com-19500彩票吧| www.618901.com-明天开彩票吗| www.97300.com-彩票助赢软件吧| www.59153.com-今晚上七乐彩开奖| www.029065.com-唐龙说彩怎么关了| www.40493.com-c29彩票网登陆| www.292021.com-福彩5d走势-| www.424345.com-大佬彩票公平公正| www.563092.com-正彩素颜霜怎么样| www.656335.com-北京彩票店生意转让| www.eg23.com-福建福彩中心| www.29.hk-福彩3d百万通| www.507.cm-财富彩票app| www.664350.com-海南七星彩头尾图| www.720901.com-新二彩票网址| www.815008.com-彩票道歉视频| www.912291.com-红神体彩网的网址| www.971156.com-体彩开奖公告七星彩| www.ab68.cc-体彩任选三单式开奖| www.817620.com-p3试机号彩吧助手| www.229016.com-天天好彩开奖号码| www.574.biz-蜂鸟五分时时彩计划| www.114956.com-最新足球胜负彩票| www.909258.com-天津五分彩开奖| www.2385.biz-甘肃快三成立几年| www.12800.com-头奖310彩票| www.012866.com-中国彩票快乐十分| www.365514.cc-特么于开彩-| www.338575.com-优彩交流论坛| www.42qy.com-随洲福彩快三论坛| www.1234.top-快三有多少个黑号| www.8859.cm-即刮型彩票-| www.53958.com-五星彩票查询| www.323837.com-特区l彩票论坛| www.374371.com-2019清明节彩票| www.84908.com-体育彩票兑奖码| www.74ib.com-天天好彩之奇觉四象| www.680.in-uu直播购彩大厅| www.11830.com-移动积分换彩票短信| www.85227.cc-惠州福彩店转让信息| www.141766.com-竞彩猫充值-| www.089712.com-老时时采彩开奖记录| 丰彩娱乐www.fcyl6.com| www.376115.com-全民乐彩app| www.719448.com-彩票玩法及规则| www.861188.com-体彩直播现场|