头像

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

来源:http://www.shifendaowei.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.shifendaowei.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
彩票2元 www.937531.com-网站快三押单双大小| www.276859.com-1秒开彩-| www.394620.com-兑彩票站多少钱| www.518449.com-炫彩弹射ios| www.042255.com-中国竞彩赛程| www.704849.com-中国足彩胜负彩| www.160664.com-七星彩版区头中王| www.748639.com-至尊彩数字邀请码| www.906232.com-彩色的拼音-| www.7110.pw-乐博彩票app| www.52563.com-胜利彩票app下载| www.898395.com-百彩网马会开奖结果| www.983770.com-购彩堂下载-| www.81771.com-万博彩票是不是赌博| www.062294.com-虚拟足球e球彩方法| www.167857.com-中国快三-| www.259962.com-人人快三登录不了| www.354825.com-彩乃奈奈百度云在线| www.476132.com-和盛彩票官网| www.568055.com-迅盈彩票合法吗| www.734059.com-双色球凤彩字谜| www.832832.com-福彩太湖藏机图| www.920699.com-彩神大发最高邀请码| www.994490.com-江西新快三和值表| www.ao18.com-利彩开奖-| www.vf16.com-快三二同号规律| www.36dh.cc-快三刷反水怎么刷| www.2099.in-苏宁彩票店上班| www.523120.com-内蒙古福利彩票中心| www.728269.com-线上彩票共赢联盟| www.817349.com-彩票不能赊账规则| www.903311.com-600w彩票-| www.983233.com-c38彩票平台| www.mu39.com-锋彩直播苹果版| www.090599.com-凤凰彩票网-| www.83ij.com-重庆vr十分彩| www.9020.top-怎样中彩票-| www.44806.com-中彩网的点数是什么| www.023586.com-七乐彩所有开史历史| www.116313.com-梦到彩虹是什么意思| www.237571.com-幸运快三走势图软件| www.349268.com-如何中彩票-| www.17527.cc-快三开奖北京| www.9307.vip-3b福彩实战擂台| www.71374.com-中国体彩500| www.566861.com-大乐透河南体彩网| www.669764.com-海南私彩现状| www.760888.com-体彩小助手-| www.906575.com-彩票app名字| www.975042.com-彩票0-| www.cp820.com-快三线上平台赚钱吗| www.ok18.cc-福彩能在手机上买吗| www.06qz.com-电脑即开型彩票| www.74fa.com-玩哪种彩票中奖率高| www.1664.cc-申航彩票注册账号| www.76ki.com-a23彩票登录| www.41704.com-爱开彩体彩开奖结果| www.x23.shop-福彩3d杀跨度高手| www.3154.top-中国福彩投诉电话| www.26888.cc-x22彩票-| www.059772.com-快开型彩票调整| www.868716.com-七星彩上官燕最新| www.403000.com-福彩杀码大全定胆| www.587281.com-七乐彩几率是多少| www.td72.com-体彩都有哪些彩种| www.954506.com-博彩票平台-| www.sc97.com-重庆时时彩十位走势| www.722895.com-怎么破解彩票漏洞| www.852995.com-中国体彩直播开奖| www.930434.com-体育彩票交税| www.991858.com-大乐彩开奖结果查询| www.ci25.com-银川快三开奖| www.ub98.com-快三顺子456多钱| www.04bv.com-手绘彩铅简笔画星空| www.65ir.com-大乐透一等奖彩票图| www.1016.org-凤凰购彩app| www.57pz.com-时时彩五星直选组合| www.563332.com-足球博彩开户网址| www.666874.com-七乐彩容易中头奖吗| www.755793.com-福彩好运四开奖结果| www.830067.com-篮球彩票在哪里买| www.897852.com-福福建福彩-| www.963887.com-彩票挂机平刷可以吗| 13e彩票www.809182.com| www.448866.com-重庆时时彩结果现场| www.566713.com-大红英彩票网| www.655613.com-五福彩彩票软件下载| www.331799.com-广西快三高手软件| www.8617.wang-金祥彩票登录| www.016644.com-彩8对战在线版| www.754488.com-中原福利彩票开奖| www.970117.com-刮刮彩技巧-| www.233915.com-河北快三最大遗漏值| www.332145.com-时时彩买9个号都输| www.411178.com-竞猜足彩九月对阵表| www.640178.com-免费下载新浪爱彩| www.55376.cc-时时彩代理犯法吗| www.055126.com-彩色包括哪些颜色| www.198895.com-京彩快三-| 彩之家www.07czj.com| www.za31.com-彩之家双色球走势图| www.80by.cc-风凰彩票app| www.1731.wang-306好彩票-| www.8925.com-熊猫彩票能赚钱吗| www.59275.cc-福利彩票站点申请| www.025871.com-百胜彩票苹果app| www.181775.com-河北快三开奖规则| www.000081.com-天津新宇彩钢板公司| www.257056.com-玩彩票怎么能赢钱| www.263565.com-中彩xyxcc-| www.53367.cc-时时彩网站设置| www.041457.com-福利彩票谜语| www.291.red-彩票七星中奖规则| www.117973.com-幸运99彩票网官网| www.1795.com-中彩啦可靠吗| www.393557.com-新浪彩网是骗人的吗| www.60kd.com-网易红彩分析靠谱吗| www.20331.com-优盈彩票app下载| www.858267.com-彩票爆仓-| www.968429.com-英国快乐彩官网| www.mp42.com-天津时时彩开奖记录| www.368746.com-九万彩下载-| www.pr34.com-彩王争霸下载地址| www.47xg.com-体彩机充值是什么| www.522900.com-分分彩后一押大小| www.628573.com-3d新彩网下载| www.720782.com-新彩票论坛手机版| www.796498.com-马来分分彩开奖结果| www.872439.com-广东快三综合走势图| www.975429.com-多盈彩票注册| 大赢家彩票平台www.612110.com| www.13nl.com-香港5分彩大小| www.1315.pw-体彩顶刮呱展示票| www.76628.cc-棋牌注册送彩金| www.037062.com-购彩助手下载| www.283136.com-福彩三d开奖号码是| www.389196.com-福彩3d走势图报纸| www.487700.com-佛山福利彩票加盟| www.582401.com-广西移动福彩小助手| www.651405.com-福彩毒胆王预测| www.797520.com-98198彩票网站| www.314419.com-海南飞鱼体彩手机版| www.429038.com-手机投彩是什么情况| www.545877.com-天天乐彩软件下载| www.621162.com-3d彩圣字谜报| www.686820.com-苏州快三规则| www.761493.com-饰演好彩妹-| www.852409.com-快三高手方案| www.913829.com-正规福彩pk10| www.972969.com-彩虹岛ⅱ-| www.cp073.com-安微快三开奖走势图| www.ki63.com-中国足彩网胜负彩| www.fy27.com-网上微信彩票诈骗群| www.9sb.com-福彩兑奖期限是多久| www.72kf.com-下载十一选五大彩鲸| www.1213.org-快三中什么是花龙| www.14140.com-七星彩中六个数字| www.56058.com-彩票怎么算的数字| www.019660.com-体育彩票店装修| www.1kt.cc-彩神计划王-| www.71yu.com-体彩篮球竞技| www.1165.pw-彩票经典对联| www.6393.in-彩票下载软件大全| www.493.cm-博雅彩票投注站点|