头像

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

来源:http://www.ljcsg.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.ljcsg.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.961216.com-分分彩辅助预测软件| www.874199.com-玩吉林快三的人多吗| www.842788.com-开体彩注站怎么样| www.055365.com-陕西体彩快乐20分| www.187735.com-个人玩时时彩犯法吗| www.980482.com-1068彩票网下载| www.360720.com-体彩排5-| www.33140.com-彩500vip-| www.83954.com-雷州七星彩梦册大全| www.046901.com-3号彩票下载| www.125429.com-彩票分析基础答案| www.206478.com-下彩彩票触屏版| www.036682.com-广东快乐彩22| www.550191.com-体彩几点开奖| www.699120.com-华夏国际彩票| www.805933.com-体彩大乐透软件| www.880845.com-澳洲快乐十分彩开奖| www.965891.com-最近福彩中奖的彩民| www.cai378.com-520快三官网| www.qb20.com-888彩票网安卓版| www.935521.com-时时彩个位定胆算法| www.20oa.com-开户送28彩全| www.1859.biz-狗万是什么彩票软件| www.11951.com-网络彩票请问合法吗| www.340006.com-彩票收米图片| www.7248.xyz-彩虹六号无人机dr| www.379856.com-彩丰物流查询| www.329331.com-福彩30选五走势图| www.96vh.com-彩票没打上-| www.585877.com-中利彩票app| www.75836.com-手机体育彩票软件| www.564086.com-彩票机器人多少钱| www.27nl.com-彩票这么难中奖啊| www.259149.com-中国足球竞彩app| www.011089.com-手机买彩票交流论坛| www.222282.cc-体育彩票十分钟规则| www.1788.cm-福彩彩吧图迷汇总九| www.220479.com-六开彩现场直播| www.500399.com-2千万彩票弃领作废| www.9ip.com-4位数字彩票| www.679668.com-至尊彩大发快3| www.220801.com-上海快三计划网页版| www.395543.com-足球竞彩大神推荐| www.575504.com-福利彩票招聘| www.433761.com-菜6菜彩票-| www.583848.com-彩之乐彩票网app| www.821237.com-快三计划骗局揭秘| www.a96.org-网上赌十字彩| www.469393.com-万彩办公大师手机版| 500彩票www.50064n.com| www.d75.club-137彩票平台下载| www.50296.com-海南七星彩早版图库| www.370575.com-四季彩平台官方登录| www.844499.com-1992年彩票-| www.02173.com-乐彩网论谈手机版| www.037005.com-成化珐琅彩特征| www.163925.com-七乐彩票开奖号码| www.505815.com-举报黑彩可以追回吗| www.0598.bid-易彩堂彩票邀请码| www.16277.cc-中国福彩机选| www.92998.com-彩钢瓦屋顶防水| www.2653.xyz-彩票为什么都停售了| www.435797.com-投彩网c97m-| www.13498.com-555彩票-| www.94327.com-竞彩足球投注技巧| www.106891.com-瑞彩祥云8软件下载| www.229246.com-开体彩-| www.05uj.com-福彩3d今日开奖| www.2167.xyz-七彩野山鸡养殖技术| www.1202.love-旭辉研彩免费版| www.640968.com-荣耀国际彩票| www.716766.com-国产彩铅什么牌子好| www.798986.com-时时彩后三杀号技巧| www.17ne.com-彩票站私售假彩票| www.448335.com-彩票站代买-| www.639345.com-七星彩即时开奖| www.160001.com-福彩快乐二十分| www.254269.com-中彩网官网首页| www.188801.com-内蒙快三跨度和制图| www.974859.com-腾讯分分彩跨度技巧| www.363253.com-羽泉彩虹伴奏下载| www.534883.com-彩票小游戏技巧| www.680345.com-爱中彩票官方开奖| www.59515.com-彩虹吉他谱c调| www.796954.com-九宫图算法彩票| www.989456.com-中彩网手机-| www.og92.com-河北彩票11-| www.093379.com-福彩高频彩有哪些| www.186600.com-彩票20分钟一期| www.101368.com-安微快三计划软件| www.194628.com-安徽快三本期预测| www.279795.com-三分时时彩计划| www.366798.com-兰州九州体育彩票店| www.542153.com-用彩绳编头发的视频| www.13008.com-1分快三开奖时间段| www.031171.com-众发彩票计划| www.126641.com-体彩22选五走势图| www.10wb.com-全民中彩票彩神争霸| www.07928.com-九龙坡中彩票| www.023629.com-七彩乐开奖时间几点| www.373067.com-新浪爱彩足球胜负彩| www.490613.com-澳博彩票安全吗| www.592662.com-福彩有极速赛车吗| www.gl65.com-彩票查询双色球| www.204800.com-多乐彩开奖号码结果| www.e69.top-七乐彩500走势| www.3969.cc-内蒙快三遗漏查询表| www.34023.com-订阅彩票手机报| www.015996.com-唯彩会彩票老店主| www.464193.com-时时彩彩票开奖时间| www.598216.com-足球彩票停售时间| www.710794.com-刷彩是做什么啊| www.840329.com-竞彩奖金优化| www.953125.com-中国足球竞猜竞彩网| www.cp1105.com-彩票平台注册送28| www.884297.com-杏彩平台网页版登陆| www.10ru.com-自制彩票走势软件| www.1681.vip-胃肠杂百姓彩坛| www.22259.com-时时彩9码一期计划| www.88245.com-天天彩票信用卡充值| www.121316.com-网络黑彩赌博证据| www.229550.com-彩票绝密出号算法| www.330927.com-内蒙快三实时走势| www.391958.com-彩票计划书-| www.477701.com-萍乡福彩示范店| www.550598.com-体彩20倍现金头奖| www.603757.com-粉彩少女-| www.669854.com-什么彩票是四位数| www.768342.com-天津时时彩爱彩乐| www.839119.com-彩票投注下期推荐号| www.903830.com-988彩票安卓版| www.964381.com-足彩票比分500| 福利彩票www.78700j.com| www.602933.com-时彩万位杀号方法| www.739632.com-福彩3d好中奖吗| www.2784.biz-人人中彩票77官网| www.zt9.com-福彩双色球33期| www.69ji.com-福利彩票中奖真实性| www.c13.club-福彩三的和值表视图| www.1081.cc-浙冮快乐彩十二选五| www.m72.shop-体育彩票输了很多钱| www.35hv.com-彩票撕坏了能兑奖不| www.93zt.com-今六给彩开奖结果l| www.4671.vip-一元彩票软件| www.ta55.com-时时彩为什么都是输| www.vk43.com-快三平台合作| www.547536.com-28彩吧-| www.118476.com-彩票所有历史开奖| www.195089.com-分分彩日赚一千技巧| www.746299.cc-官方网络购彩| www.52kf.com-时时彩计划网页版| www.818929.com-中彩票技巧-| www.903546.com-星光彩票网站| www.959042.com-转让福利彩票打票机| 金彩www.983jc.com| www.fx33.com-正规彩票微信讨论群| www.tx47.cc-风皇彩票-| www.751514.com-彩票今晚开什么特马| www.590078.com-竞彩官方公众号| www.45kr.com-重庆时彩时彩选号| www.590498.com-海南七星彩投注系统| www.661747.com-新浪足彩预测分析| www.761485.com-1183彩图区-| www.132729.com-世界杯足彩分析|