头像

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

来源:http://www.baol168.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.baol168.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.039.online-福彩唐龙说彩| www.195610.com-安徽快三今日预测| www.322236.com-宝岛彩票-| www.444292.com-福彩排列三今天预测| www.2706.top-体彩排列三6码遗漏| www.967905.com-彩票有猫腻吗| www.cai3914.com内蒙快三开奖走势| www.19wn.com-穷人坚持买彩票对吗| www.1496.org-呼市体彩中心| www.28044.com-7168彩票平台| 彩票驿站www.cpyz1.com| www.an26.com-湖北快三奖金对照表| www.747550.com-蓝好彩和绿好彩| www.934292.com-福彩字谜大全及答案| www.f15.cn-乐彩网彩票app| www.bx76.com-彩票长龙最长有多少| www.76ia.com-宏盛彩票登录| www.184510.com-湖北快三精准预测| www.06804.com-吉林快三网站| www.324625.com-可以赚钱的彩球游戏| www.396325.com-博友彩怎么下载| www.685219.com-119彩票平台| www.764364.com-彩票签到送积分| www.809863.com-众发彩票主页| www.198948.com-彩票怎么看号码| www.315196.com-怎么时时彩才能赚钱| www.509570.com-盈彩网app邀请码| www.52656.cc-讨个好彩头-| www.509287.com-多彩网下载免费下载| www.622571.com-3d彩报三-| www.948795.com-旧版万彩吧-| www.609041.com-百度贴吧彩票讨论版| www.698553.com-台州体彩网-| www.793815.com-褔彩门户-| www.873844.com-中国体彩票开奖结果| www.947763.com-大连福彩事业编| GO彩www.fei27.com| www.603006.com-华创购彩团队| www.689307.com-盛大娱乐彩票平台| www.923811.com-4亿彩票网站| 同乐彩票www.tlcp2.com| www.355751.com-微信分分彩网| www.181357.com-好运彩快三app| www.554797.com-71彩下载苹果版| www.679215.com-中彩票死于非命| www.091265.com-微微彩票app| www.79533.cc-中国体育彩票图片| www.760633.com-彩票奖项对照表| www.853013.com-头彩网骗局-| www.961223.cc-江苏快三官网计划| 大赢家彩票平台www.609716.com| www.156114.com-巴登五分彩-| www.544477.com-彩票挂机软-| www.610054.com-淘宝的彩票-| www.25229.cc-彩铅画需要多少色笔| www.191233.com-吉林省体彩中心在哪| www.407800.com-七星彩到底怎么回事| www.062604.com-神彩争霸8-| www.814544.com-彩票游戏开元棋牌| www.962004.com-大发彩票官方网站| www.ih92.com-体彩排五跨度走势图| www.24hp.com-贴彩色钢化膜教程| www.965134.com-今晚彩票的开奖结果| www.553729.com-篮球彩票推荐258| www.673058.com-中国彩票彩吧助手| www.768681.com-福彩之家下载| www.859030.com-彩票规定返奖| www.948272.com-多彩彩票网合法吗| 易彩网www.36166n.com| www.hg80.com-彩票51中彩下载| www.g61.net-福彩3d缩水工具| www.47yx.com-彩乐乐群英会下载| www.8556.cn-下载七星彩规律表| www.95786.com-t体彩网-| www.240611.com-怎样才能跳好快三| www.340440.com-玄武彩票正规吗| www.815180.com-石家庄省福彩中心| www.625321.com-顺盈彩票客服电话| www.729643.com-彩票3d大奖得主| www.ht25.com-江苏体育彩票七位数| www.515.cc-彩票的积分卡号输入| www.8157.wang-彩28彩票平台| www.887550.com-下彩网正规吗| www.972499.com-彩铅风景画大全| www.ic93.com-快购彩票3安全吗| www.d12.net-7星彩票开奖| www.331442.com-彩经网3d组选杀号| www.cp8775.com-福彩快三软件| www.515865.com-六爻测彩票实例| www.4199.biz-焦点访谈失控的黑彩| www.428425.com-正好彩票网胆码| www.38519.cc-博友彩票-| www.575802.com-彩票2020app| www.666478.com-e乐彩有谁被黑过钱| www.6431.xyz-333彩网四不像| www.5527.in-m5彩票app-| www.14791.com-浙江体彩顶呱刮| www.70870.com-彩票中奖怎么领奖| www.069016.com-彩神争霸2-| www.74018.com-戳爷彩虹旗-| www.l22.shop-棋牌彩票推广| www.713780.com-新彩网3b字谜区| www.785822.com-彩票代理骗局揭秘| www.865125.com-下彩彩票电脑版| www.925239.com-彩6最新版本| 好运彩吧www.030238.com| www.rw04.com-5分快3是福彩吗| www.93oe.com-安全的购彩app| www.50710.com-时时彩倍投的方法| www.3fe.com-一支彩染发剂多少钱| www.66jo.com-世界博彩市场| www.0098.cm-有寓意的彩票店名字| www.5978.wang-360足彩助手| www.6078.cm-怎样用奇门测彩| www.314646.com-极速3d彩票规则| www.102272.com-cc彩票分分彩| www.967851.com-竞彩足球新浪网| www.cai756.cc-易记网址快三计划| www.pt60.com-彩票2元网走势| www.30il.com-彩客网双色球推荐号| www.1304.pw-体育博彩app推荐| www.61680.com-大胜彩票234| www.870822.com-彩81彩票骗局| www.941997.com-分分彩出号规律技巧| www.986209.com-体彩p3开奖-| www.vt89.com-惠民彩票平台登录| www.09ov.com-旺旺彩票官方下载| www.96iv.com-绝密赢彩-| www.073.org-千城彩票-| www.3847.net-足彩推荐网易| www.19283.com-东莞体彩兑奖地址| www.ci59.com-七乐彩开奖号码| www.2276.in-大乐透彩票中奖规律| www.5769.in-美狮彩票平台| www.do82.com-中国福彩客户端下载| www.60709.com-环球彩票手机版| www.0342.vip-福彩3d数字表| www.508290.com-体彩屋77-| www.597149.com-福彩3d五福图库| www.681960.com-体彩超级大乐透扫码| www.767544.com-3d彩票跨度-| www.70795.com-728彩票安卓下载| www.030641.com-优彩社区-| www.02415.com-沉迷彩票无法自拔| www.908536.com-幸运8彩票平台网址| www.2841.vip-彩票福彩3d速查表| www.528323.com-大连竞彩店外兑| www.31404.com-500足彩网-| www.200181.com-智慧网福彩走势图| www.924974.com-快乐彩中奖助手软件| www.295235.com-快3湖北福彩快三| www.wz84.com-湖北福彩快三论坛| www.47uq.com-新浪爱彩网彩票| www.557815.com-香港皇家彩世界官网| www.622732.com-广东福利彩票二等奖| www.713150.com-海南彩票41-| www.790575.com-网络快三是不是黑彩| www.867647.com-中国彩票快乐十分| www.996862.com-爱乐彩彩票投注平台| www.gw18.cc-百盈快三共享彩票| www.035390.com-彩票遗漏统计与规律| www.067858.com-时时彩制作网站价格| www.n34.biz-足彩新浪首页| www.924864.com-网上怎么购买彩票|