头像

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

来源:http://www.wangmohai.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.wangmohai.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.874183.com-彩吧全图怪字袖帖| www.844784.com-彩票识别码在哪里| www.962459.com-福彩1360亿真假| www.ar11.com-一分钟开奖彩票| www.yi99.com-体彩竞彩足球玩法| www.26jm.com-彩票19033期| www.97qn.com-竞彩混合过关中奖| www.24064.cc-可以买快三的app| www.059100.com-中国足彩网正规吗| www.579748.com-天际彩票安卓版下载| www.551254.com-优彩网进不去| www.751977.com-福彩3d怎样定大小| www.938607.com-双赢彩票手机版| www.0205.org-彩票歡樂赛车| www.rp93.com-快三全天计划免费版| www.274177.com-时时彩软件平台| www.356800.com-足球彩票怎么看盘| www.450598.com-105约彩-| www.551031.com-合买彩票中了人跑了| www.629499.com-93彩票网址安全吗| www.157714.com-足彩盈亏指数应用| www.296151.com-幸运快三有高手吗| www.445936.com-彩票体彩分析软件| www.602693.com-758彩票腾牛| www.733333.cc-华夏彩票靠什么赚钱| www.856876.com-河南福彩幸运彩奖金| www.984859.com-计算彩票概率方法| www.lf18.com-好彩香烟多少钱一包| www.30zi.com-彩虹搭建主站官网| www.502662.com-多彩投裁员| www.056011.com-快三计算和值技巧| www.166961.com-易彩快3-| www.285931.com-彩票交流群号码| www.03981.com-麒麟彩币被叫停| www.193062.com-贵州快三提前预测| 大赢家彩票www.799481.com| www.me70.com-好运彩app安卓| www.93hz.com-彩票能打100倍吗| www.7942.cm-岩彩-| www.162005.com-天津爱乐彩快乐十分| www.q13.club-今天河北快三推荐| www.55yh.cc-中国福彩官方下载| www.382251.com-彩票五下载-| www.486908.com-足彩奇招pdf| www.95wb.com-福彩3d彩民村| www.3381.cn-釉下彩和釉中彩| www.9111.org-36期福彩开奖结果| www.38491.com-找个买彩网站| www.zq32.com-竞彩篮球专家推荐| www.0875.xyz-集发彩坛开奖| www.689097.com-别人推同乐彩彩票| www.375455.com-开奖七星彩直播现场| www.959597.com-彩66彩票平台注册| www.bp34.com-彩票01下载-| www.807393.com-足彩2串1计算公式| www.916507.com-致富彩-| www.981385.com-国家福利彩票网站| www.tv51.com-网上合买彩票软件| www.22hk.cc-海南海口七星彩彩版| www.1415.vip-福彩3d。-| www.08980.com-移动彩票-| www.027095.com-345彩票主页| www.001281.com-神马彩票app下载| www.70kl.com-青岛福彩中心招聘| www.956649.com-养七彩神仙鱼秘诀| www.860314.com-河内五分彩开奖计划| www.il19.com-139彩票下载安装| www.21go.com-七六彩票-| www.015179.com-海南七星彩包码方法| www.18569.com-彩票第一狂人| www.662708.com-体彩三亿在肥城| www.739201.com-vip彩票快3-| www.815125.com-腾讯时时彩彩票机| www.888744.com-网盈彩票软件下载| www.952546.com-广东好彩2开奖结果| 福利宝www.42969.com| www.ee43.com-代玩彩票兼职| www.wd69.com-东北快三-| www.d11.xyz-彩票开奖结果大乐透| www.106771.com-彩票093官方网站| www.201187.com-彩票骗局大揭秘视频| www.950372.com-上期七星彩开奖结果| www.bm24.com-内蒙快三今天推测号| www.659024.com-开奖七星彩-| www.541033.com-彩贝壳电话打不通| www.861902.com-qq7彩票-| 乐彩网www.3416a.com| www.283068.com-7星彩新规则玩法| www.005142.com-彩芽的好奇全集心| www.ym.cc-江苏福彩快三下载| www.93jb.com-2345天天彩票| www.39849.com-彩八彩票下载手机版| www.073361.com-网上怎么购买彩票| www.523059.com-五百竞彩即时比分| www.985575.com-足彩竞猜专家分析| www.mf69.com-好彩投彩票-| www.03ud.com-城市风景彩铅画图片| www.ri63.com-七乐彩复式中奖计算| www.376115.com-全民乐彩app| www.062500.com-9万彩票官网平台| www.541506.com-福彩大乐透开奖结果| www.225332.com-彩票交流qq群| www.330258.com-七天彩官方网址| www.456278.com-红菜苔彩-| www.573828.com-808彩吧app-| www.701063.com-彩票通-| www.794617.com-郑州快三开奖结果| www.896367.com-博大彩票app下载| www.999818.com-福彩排列五游戏规则| www.ht14.com-快三杀号技巧高手| www.qx17.com-皇家时时彩-| www.522803.com-足球胜负彩310| www.744278.com-200彩票aqq-| www.96494.com-什么是竞猜型彩票| www.161664.com-体彩天下是真的吗| 三星娱乐www.sxyl0.com| www.51qb.com-福彩刮刮乐富贵满堂| www.755671.com-彩票10分钟开奖| www.30005.com-体彩管控-| www.cai0422.com中国竞彩网-| www.p26.cn-彩票可以随机选号吗| www.ht98.com-彩票走势图彩宝网| www.13rm.com-河南彩票大奖排行| 尊彩www.924570.com| www.658010.com-湖北体彩电视购彩| www.782335.com-如何看快三大小单双| www.863850.com-体彩排列3口诀| www.951903.com-k彩登客服-| www.999912.cc-希腊十分彩是什么彩| www.zx2.cc-体彩6+1走势图| www.nm40.com-足彩只买平局能赚| www.527864.com-百乐彩网页-| www.191215.com-江苏快三公式| www.69ob.com-玩时时彩有人稳赢吗| www.79ok.com-以往体彩中奖号码| www.69071.com-彩票驿站快3| www.026210.com-游戏代玩彩票兼职| www.866788.com-今晚福彩3d-| www.950929.com-足彩竞彩预测分析网| 大赢家彩票网www.178736.com| www.9404.loan-复试彩票中奖规则| www.47687.com-甘肃快三变动咨询| www.964370.com-下载五百万彩票网| www.5285.vip-彩智彩票-| www.79977.cc-高频彩计划网站| www.022127.com-澳客网彩票网| www.x18.space-中彩网大乐透开机号| www.46pw.com-彩票销售申请书| www.014.in-辉腾彩票鸿彩快三| www.480200.com-澳门快三玩法| www.t90.top-网上时时中彩票| www.101.in-博彩游戏平台有哪些| www.60190.com-分分彩不死挂机方案| www.602320.com-注册送18元的彩票| www.659396.com-新浪竞技竞彩| www.588819.com-彩77下载不了| www.653976.com-莱利彩票怎上不了| www.8559.biz-彩票开奖旬-| www.58915.cc-彩票开户ok168| www.024395.com-天天时时彩-| www.121371.com-彩票托赚什么| www.315114.com-篮球彩票胜负玩法| www.398908.com-3d彩界王子双胆| www.03934.com-沈阳市福彩中心|