头像

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

来源:http://www.kgfyy.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.kgfyy.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.93nq.com-公司要求平分彩票0| www.9127.biz-彩虹岛app-| www.69488.com-足彩稳定盈利计划| www.048896.com-河北燕赵福彩排列五| www.144311.com-玩彩总是输-| www.248718.com-澳门彩票有几种| www.337110.com-快三助手好用吗| www.439007.com-美国彩票巨奖骗局| www.548865.com-网上怎么找足彩客户| www.665450.com-机选七乐彩一柱| www.757308.com-彩票刷流水给佣金| www.874278.com-彩票刷流水平台| www.954709.com-掌上彩票骗局| 金凤凰彩票www.404677.com| www.ld71.com-凤彩网app-| www.u08.club-福彩3d便民汇总| www.64uk.com-福彩3d老杨说彩| www.1736.vip-双赢彩票app下载| www.15565.cc-附近中国体育彩票站| www.67299.cc-上海快三手机版下载| www.047698.com-500彩票靠谱么| www.138816.com-百盈时时彩长龙规律| www.227668.com-江苏五分钟快三| www.316091.com-上海开体育彩票店| www.397311.com-南宁体育彩票站| www.560662.com-福彩三地阴阳走势| www.641598.com-中国福彩logo| www.751353.com-腾讯分分彩中心下载| www.832038.com-接到境外博彩的电话| www.913081.com-中华彩票官方网站| www.979511.com-龙彩色简笔画| www.ny64.com-福彩网站投注| www.6cw.cc-江苏快三追号计划表| www.76ug.com-双色球走势图大彩网| www.2333.vip-吉林快三羊羊| www.8490.vip-欧洲杯彩票玩法| www.64488.com-竞彩变赔干货| www.093656.com-35彩票没人管吗| www.172623.com-大发彩票app| www.68523.com-3d西赵口彩吧| www.074618.com-彩·富网-| www.161625.com-彩乐汇彩票合法| www.279009.com-吉林省彩票快三| www.383840.com-彩裤-| www.541389.com-我想做彩票代理| www.646957.com-精确的足彩口诀| www.757250.com-彩家园平台官方网站| www.873828.com-彩票中奖税率| www.987567.com-体彩29选7开奖| www.gl8.cc-快三屠龙是什么游戏| www.rp53.com-广西快三一定牛网站| www.18cf.cc-江苏体彩四十二期| www.408.cm-生女孩的彩票号码| www.4790.biz-中国体育竟彩平台| www.06908.com-懂彩宝-| www.55548.com-彩虹伞亲子游戏教案| www.005597.com-竞彩提前多久封盘| www.081142.com-稳赚彩票视频| www.155061.com-足彩在哪里兑奖| www.313416.com-唯博彩票信息下载| www.391259.com-五号彩app-| www.529271.com-彩虹糖的梦歌词| www.619401.com-人人红彩票ios| www.697319.com-彩吧论坛天吉图迷| www.780450.com-体彩排列3彩吧论坛| www.861923.com-体彩出奖号今天| www.931601.com-彩赢乐登录-| www.992385.com-旺彩3d预测大师| www.bd2.com-彩神大发快三手机版| www.pe74.com-19052期足彩| www.04pr.com-最新七乐彩的奖池| www.529.cx-福彩双色球论坛| www.5514.biz-m5彩票登录| www.11702.com-京东官网彩票靠谱吗| www.59233.cc-福彩三d规律学视频| www.064342.com-快速时时彩是私彩吗| www.152322.com-专业购彩平台tt| www.246300.cc-彩票驿站登录| www.323472.com-七乐彩现场直播节目| www.399522.com-sk国际彩票-| www.548300.com-8k易彩-| www.623172.com-湖南体育彩票招聘| www.686059.com-香港十分彩官网| www.767007.com-学生玩彩票-| www.886838.com-代人玩彩票是诈骗吗| www.974581.com-七星彩论坛坛| www.cc8.com-八亿彩app-| www.oh78.com-湖南福彩中心在哪里| www.01rw.com-重彩写意-| www.74zi.com-体彩几号开卖| www.1517.vip-大彩网首页-| www.9404.shop-体彩图谜字谜| www.50059.com-玩彩网在线-| www.95361.com-中国福利彩票发展| www.059948.com-地方彩票有哪些| www.166062.com-488彩票-| www.254273.com-福彩快3网上投注| www.327229.com-搜狐彩票基本走势图| www.396440.com-今天福彩什么开奖| www.538382.com-国丰彩票是真是假| www.628365.cc-彩神请码-| www.701756.com-彩票店利润大吗| www.779958.com-福彩三d和值| www.855861.com-七乐彩10个号中5| www.922269.com-约彩365安卓下载| www.980946.com-彩788苹果下载| www.vo85.com-江苏快三走势图预测| www.10og.com-玩彩票赢了-| www.79bo.cc-百宝彩票20选8| www.1700.in-今天内蒙快三出的好| www.9588.loan-网易彩票走势图三分| www.51605.com-鸿运彩票网下载安装| www.94386.com-皇冠足彩比分直播| www.055028.com-深圳福利彩票票面| www.157005.com-香港五分彩官网| www.240322.com-彩票计划软件专家| www.313835.com-吉林快三是个骗局吗| www.383332.com-彩票网页制作| www.523384.com-喜乐彩票怎么玩法| www.605532.com-全部的彩票邀请码| www.678612.com-下彩网触摸-| www.754692.com-菲律宾信誉彩票网站| www.862910.com-彩票55-| www.927762.com-app彩票下载安装| www.979570.com-快三豹子算红的不| www.sw5.com-福利彩票开奖结果看| www.pk99.com-北京快三早晨几点开| www.7eu.com-大庆彩票站出租| www.61vp.com-35彩票苹果版| www.0110.net-大平台彩票网| www.7732.in-龙江时时彩-| www.23202.com-体彩实体店兑奖金额| www.68158.com-上海体彩网网上兑奖| www.048508.com-体彩排三今日试机号| www.128152.com-彩票361手机登陆| www.196097.com-易彩娱乐彩民登录| www.264001.com-快三手机单机版下载| www.408403.com-7星彩彩票app| www.512691.com-水溶彩铅插画| www.578597.com-快三单注奖金多少钱| www.646561.com-大发分分彩开奖查询| www.762003.com-竞彩猫在哪里直播| www.846745.com-专家剖析彩票造假| www.910412.com-彩神之首双色球| www.969699.com-福彩高官-| www.cp0966.com-快三分析计划软件| www.li68.cc-彩票306官网| www.c47.cc-36o彩票开奖下载| www.25xx.com-迷彩虎说历史| www.2887.vip-酷彩安卓app| www.8201.top-辉煌彩票联系方式| www.26215.cc-倒带彩虹-| www.64390.com-酷彩吧竞彩app| www.045454.com-彩神通代理版| www.126141.com-彩88彩票竞彩首页| www.190886.com-上海快三如何兑奖| www.256329.com-彩票88-| www.318711.com-pc308彩票-| www.379852.com-福彩书籍大全| www.536757.com-菠萝彩双色球公式| www.614152.com-吉林市时时彩| www.675930.com-体彩的玩法介绍| www.740050.com-c1818乐彩下载| www.803347.com-360福彩3d过滤|