头像

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

来源:http://www.tufmachining.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.tufmachining.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
166彩票 www.151.cx-张惠妹彩虹mv| www.fc27.com-破解彩票中大奖软件| www.365675.com-时时彩封盘时间| www.682813.com-彩一票开奖大厅| www.874684.com-亚博体育彩票app| www.85665.com-6hycom彩友网| www.803964.com-名人彩票测速网站| www.588555.com-七星彩090期开奖| www.760348.com-彩票团队人工计划| 99彩票www.66095.cc| www.1896.top-2020彩票网苹果| www.10436.com-福彩三d试机号今天| 鼎丰彩票www.cp2838.com| www.874223.com-体彩源码-| www.999691.com-中彩网双色球下载| www.253617.com-竞彩足球手机版| www.391464.com-97299牛蛙彩票| www.111256.com-河南体彩网七星彩| www.199515.com-彩票大乐透走势图| www.280598.com-新时时彩网址是多少| www.386011.cc-彩票网站出不了款| www.258748.com-老郑足彩任九| www.8567.biz-7星彩奖直播| www.69944.cc-极速时时彩3码计划| www.464757.com-彩猫烟哪里有卖的| www.79968.cc-快三333后面是| www.320413.com-百宝彩江西快三| www.512196.com-水彩笔渐变画| www.626948.com-nba体彩购买技巧| www.717293.com-彩铅技巧-| www.pz2.com-北京快三开奖奖结果| www.sf68.cc-腾讯分分彩平投盈利| www.1980.cc-广西彩票下载安装| www.101862.com-彩票稳赚的买法| www.237274.com-凤凰vip彩票下载| www.447198.com-网络彩票封号| www.559466.com-福彩3d精胆天下a| www.669228.com-体彩排列三谜语总汇| www.789510.com-竞彩分析软件哪个好| www.961420.com-老梁观天下之彩票| www.42wf.com-赛车竞彩游戏规则| www.169396.com-快三游戏-| www.2081.org-南京福彩双色球| www.089687.com-天天乐彩票平台注册| www.268593.com-玩快三输了怎么办| www.908934.com-买彩票攻略-| www.m02.com-51彩票官方网站| www.24752.com-彩铅花-| www.052779.com-福州体彩中心地址| www.274596.com-上海快三开奖规则| www.530890.com-福建福彩地方彩票| www.686082.com-广西彩票11选5| www.887018.com-快三冷热号-| 万利www.32123j.com| www.280091.com-免费重庆时时彩预测| www.594234.com-7c77cc七彩网| www.960067.com-五亿彩app正规吗| www.80jt.com-网易彩票能买大乐透| www.316605.com-华亿彩票网址| www.082474.com-118彩票网靠谱吗| www.381383.com-彩票71期-| www.554011.com-彩蛋图片画法小黄人| 彩票大家乐www.21202i.com| www.566739.com-河南福彩网上投注站| www.359297.com-七星彩奖教-| www.30gn.com-竞彩网触屏版首页| www.72232.cc-体育彩票终端机兑奖| QQ彩票www.89894t.com| www.04nr.com-彩铅脸部阴影怎么画| www.0773.site-彩播贝贝密码房合集| www.56785.cc-利博彩票软件| www.175377.com-安徽快三推荐号码| www.714253.com-时时彩三星投注技巧| www.962845.com-齐鲁风釆七乐彩查询| www.pt81.cc-韩国快三网-| www.775496.com-福彩北斗预测| www.lr52.com-百姓彩票安卓下载| www.3579.win-凤凰彩票彩种| www.120501.com-注册宝马彩票向日葵| www.315360.cc-彩96下载苹果| www.09py.com-星彩彩票app| www.534.date-6位数彩票开奖查询| www.979564.com-洛阳今天快三开奖| www.92ns.com-福彩足球玩法| www.kz74.com-234彩票官网登录| www.852322.com-三分时时彩计划预测| www.065956.com-彩虹六号表情包| www.974828.com-体彩足球500| www.79ik.com-有个小说是中彩票后| www.98ev.com-彩票有漏洞吗| www.517010.com-时时彩平台网址大网| www.603103.com-彩虹6号禁播什么梗| www.725873.com-福利彩票规则中奖规| www.024518.com-七星彩二等奖多少钱| www.123364.com-彩票店能不能追号| www.97529.com-福彩二等奖-| www.095083.com-北京福彩网购| www.209199.com-河北11选5爱彩乐| www.314163.com-足球胜负彩对阵表| www.432517.com-彩票专管员-| www.296168.com-天天彩票合法吗| www.396760.com-福彩官网3d返奖率| www.587002.com-连红彩票没了| www.684042.com-附近竞彩网点| www.781848.com-58黑彩-| www.866139.com-7意彩app注册| www.957610.com-高频彩票ok-| 瑞彩网www.680358.com| www.928588.com-约彩365店主版| www.aq03.com-遵义彩票店几点开门| www.n18.me-京彩娱乐app| www.259131.com-苏州福彩快3交流群| www.333952.com-海南私彩三字现| www.397654.com-体彩2019春节| www.510221.com-中国福彩正规平台| www.580635.com-七是彩开奖-| www.653333.com-七乐彩胆拖中奖计算| www.733207.com-一分钟时彩骗人的| www.811057.com-以彩开头的成语| www.890789.com-体彩魔方-| www.968707.com-585彩金价格| 凤凰彩票www.606930.com| www.879288.com-智慧彩票预测准不准| www.094701.com-什么是福彩-| www.500855.cc-同底彩色是什么颜色| www.777613.com-长沙彩票工资| www.707521.com-四川福利彩票中心| www.840282.com-竞彩足球计划软件| www.964682.com-竞彩篮球推荐捷报| www.sl2.com-福利彩票怎么看中奖| www.806989.com-七号彩票注册邀请码| www.948430.com-看一下福利彩票体彩| www.05ip.com-竞彩猫直播预测分析| www.731760.com-8k彩票进入网址| www.9ic.cc-江苏乐彩-| www.0572.cn-福彩老头老头推荐| www.110663.com-彩39彩票安卓| www.379385.com-彩票中大奖感受| www.595290.com-福彩体彩选号软件| www.728487.com-京东有卖彩票吗| www.850741.com-能买彩票的时间| www.953908.com-大神彩票-| www.cp907.com-百姓彩票下载| www.404.cx-请说快三开奖结果| www.9945.cc-今日中奖彩票号码| www.87385.com-体彩排列三谜语| www.101161.com-彩票趋势软件| www.253359.com-中国竞彩官方app| www.505184.com-彩票中一等奖截图| www.587115.com-正规篮彩app| www.cd39.com-大发快三彩票网址| www.526699.com-时时彩追号绝招| www.589228.com-七星彩票808长条| www.mv85.com-彩票助赢软件安卓版| www.209675.com-大发快三是什么平台| www.659985.com-彩名堂计划最新版本| www.29499.cc-福星彩娱乐平台| www.091618.com-春秋彩票0120| www.326310.com-福彩专家预测推荐| www.460912.com-排列五私彩怎么中奖| www.573223.com-彩的意思-| www.529310.com-排列三家彩网| www.659884.com-2018官方分分彩| www.801411.com-966好彩票-|