爬虫：红牛官网的分公司信息（练习）
正文
网页地址： 红牛官网 http://www.redbull.com.cn/about/branch
主程序，如下：
运用正则表达式功能实现，借鉴文档：正则表达式：https://www.cnblogs.com/panda-xin/p/15599186.html
1 import re 2 3 # 读取带匹配的数据 4 with open(r'a.txt', 'r', encoding='utf8') as f: 5 data = f.read() 6 # 利用正则匹配数据 7 # 分公司名称 8 title_list = re.findall('<h2>(.*?)</h2>', data) 9 # print(title_list) 10 # 分公司地址 11 address_list = re.findall("<p class='mapIco'>(.*?)</p>", data) 12 # print(address_list) 13 # 分公司邮箱 14 email_list = re.findall("<p class='mailIco'>(.*?)</p>", data) 15 # print(email_list) 16 # 分公司电话 17 phone_list = re.findall("<p class='telIco'>(.*?)</p>", data) 18 19 res = zip(title_list, address_list, email_list, phone_list) 20 for data_tuple in res: 21 # print(""" 22 # 公司名称:%s 23 # 公司地址:%s 24 # 公司邮箱:%s 25 # 公司电话:%s 26 # """ % (data_tuple[0], data_tuple[1], data_tuple[2], data_tuple[3])) 27 print(f''' 28 公司名称：{data_tuple[0]} 29 公司地址：{data_tuple[1]} 30 公司邮箱：{data_tuple[2]} 31 公司电话：{data_tuple[3]} 32 ''')
数据存放在相对路径下的文本文件中（a.txt）
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>畅饮每时每刻</title><link rel="stylesheet" href="/statics/css/public.css"><link rel="stylesheet" href="/statics/css/sub2.css"><script src="/statics/js/jquery/jquery-1.8.2.min.js" type="text/javascript"></script></head><body><div class="header"><div class="astrict"><div class="logo"><a href="/"><img src="/statics/images/public/logo.png" alt=""></a></div><div class="user_login"><div class="user_search"><script language="Javascript"> function gocheck_search_global(form){ if (form.srh_content_global.value!=""&&/^([\u4E00-\u9FA50-9a-zA-Z]{1,10})$/.test(form.srh_content_global.value)){ //form.submit(); location.href="/home/search/srh_content_global/"+encodeURIComponent(form.srh_content_global.value); return true; }else{ document.getElementById("srh_content_global").setAttribute("placeholder","输入10个中英文字符") return false; } } </script><form action="/home/search" onsubmit="return gocheck_search_global(document.search_global)" method="post" name="search_global"><div class="searchF animated"><div class="searchIco" onclick="javascript:gocheck_search_global(document.search_global);"></div><input type="text" name="srh_content_global" id="srh_content_global" maxlength="10" value="" /><div class="clear"></div></div><div class="searchIco searchEv" ></div><div class="clear"></div><!-- <input name="" type="text" /> --></form></div><div class="u_l"><a href="/user/login" style="color: #000000;">登录</a> | <a href="/user/reg" style="color: #000000;">注册</a></div><!-- 签到 <div class="sign_in" style="CURSOR:hand;cursor:pointer;" onclick="javascript:document.getElementById('qiandao').src='/statics/images/public/sign_in2.png';"><img src="/statics/images/public/sign_in.png" alt="" id="qiandao"></div> --></div></div></div><div class="navList"><div class="astrict"><ul><a href="/"><li class='nv transited'>首页</li></a><li class='nv transited navActive'>中国红牛 <div class="subNavList"><div class='subnav'><ul><a href="/about/redbull"><li>关于红牛</li></a><a href="/about/branch"><li>分支机构</li></a><a href="/club/reg"><li>媒体俱乐部</li></a><a href="/about/contact"><li class='borderNone'>联系我们</li></a></ul></div><div class="subnavBg"></div></div></li><li class='nv transited '>红牛产品 <div class="subNavList"><div class='subnav'><ul><a href="/drink/product"><li>产品专区</li></a><a href="/drink/secret"><li>探索红牛奥秘</li></a><a href="/drink/all_the_time"><li>畅饮每时每刻</li></a><a href="/drink/qa"><li class='borderNone'>小常识知多少</li></a></ul></div><div class="subnavBg"></div></div></li><li class='nv transited '>最新动态 <div class="subNavList"><div class='subnav'><ul><a href="/event/news"><li>新闻快报</li></a><a href="/event/activity"><li class='borderNone'>品牌活动</li></a><!--<a href="/event/energy"><li class='borderNone'>能量志</li></a>--></ul></div><div class="subnavBg"></div></div></li><li class='nv transited '>激情运动 <div class="subNavList"><div class='subnav'><ul><a href="/passion/competition"><li>红牛赛事</li></a><a href="/passion/moment"><li>精彩影像</li></a><!--<a href="/passion/moment"><li>精彩瞬间</li></a>--><!-- 20211123删除 <a href="http://www.redbullsports.cn/" target="_blank"><li class='borderNone'>红牛运动世界</li></a> --></ul></div><div class="subnavBg"></div></div></li><a href="http://www.redbull.com.cn/ylzb" target="_blank"><li class='nv transited '>羽林争霸</li></a><li class='nv transited '>互动中心 <div class="subNavList"><div class='subnav'><ul><!--<a href="http://gifts.redbull.com.cn/" target="_blank"><li>红牛礼品</li></a>--><!-- <a href="/zone/download"><li>炫酷下载</li></a> --><a href="/zone/works"><li>创意作品</li></a><!-- <a href="/zone/game"><li class='borderNone'>互动游戏</li></a> --></ul></div><div class="subnavBg"></div></div></li><li class='nv transited '>我的红牛 <div class="subNavList"><div class='subnav'><ul><!--<a href="/diy/pro"><li>产品定制</li></a>--><a href="/diy/campaign"><li>附近活动</li></a><!-- <a href="http://gifts.redbull.com.cn/" target="_blank"><li class='borderNone'>礼品商城</li></a> --></ul></div><div class="subnavBg"></div></div></li></ul></div></div><!--end .navList--><div id="bdMap"></div><div class="container branch"><div class="clear"></div><div class="astrict"><div class="title"><img src="/statics/images/sub2/branch/title.png" alt=""></div><div class="con"><div class="leftBtn"><img src="/statics/images/sub2/branch/leftBtn.png" alt=""></div><div class="rightBtn"><img src="/statics/images/sub2/branch/rightBtn.png" alt=""></div><ul><!-- 参数说明: data-longitude：经度; data-latitude纬度; data-title:标题; data-site:门店地址 --><li data-longitude='120.189905' data-latitude='30.263377' data-title='红牛杭州分公司' data-describe='杭州市上城区庆春路29号远洋大厦11楼A座'><h2>红牛杭州分公司</h2><p class='mapIco'>杭州市上城区庆春路29号远洋大厦11楼A座</p><p class='mailIco'>310009</p><p class='telIco'>0571-87045279/7792</p></li><li data-longitude='108.376275' data-latitude='22.822139' data-title='红牛广西分公司' data-describe='南宁市金湖路59号地王国际商会中心50层D1、E1室'><h2>红牛广西分公司</h2><p class='mapIco'>南宁市金湖路59号地王国际商会中心50层D1、E1室</p><p class='mailIco'>530021</p><p class='telIco'>0771-5592660/61/62</p></li><li data-longitude='113.328012' data-latitude='23.123123' data-title='红牛广州分公司' data-describe='广东省广州市天河珠江新城华夏路10号富力中心写字楼1904房'><h2>红牛广州分公司</h2><p class='mapIco'>广东省广州市天河珠江新城华夏路10号富力中心写字楼1904房</p><p class='mailIco'>510623</p><p class='telIco'>020-38927681</p></li><li data-longitude='114.070517' data-latitude='22.539099' data-title='红牛深圳分公司' data-describe='广东省深圳市福田区福华三路88号财富大厦39楼BCD'><h2>红牛深圳分公司</h2><p class='mapIco'>广东省深圳市福田区福华三路88号财富大厦39楼BCD</p><p class='mailIco'>518048</p><p class='telIco'>0755-23962001</p></li><li data-longitude='112.987176' data-latitude='28.181342' data-title='红牛湖南分公司' data-describe='湖南省长沙市天心区劳动西路289号嘉盛国际广场1626室'><h2>红牛湖南分公司</h2><p class='mapIco'>湖南省长沙市天心区劳动西路289号嘉盛国际广场1626室</p><p class='mailIco'>410015</p><p class='telIco'>0731-88708080/8081</p></li><li data-longitude='119.313176' data-latitude='26.077512' data-title='红牛福建分公司' data-describe='福建省福州市台江区广达路68号金源广场东区15楼BC'><h2>红牛福建分公司</h2><p class='mapIco'>福建省福州市台江区广达路68号金源广场东区15楼BC</p><p class='mailIco'>350005</p><p class='telIco'>0591-83362015</p></li><li data-longitude='113.762006' data-latitude='23.027044' data-title='红牛东莞分公司' data-describe='东莞市南城区石竹路3号广发金融大厦10楼01室'><h2>红牛东莞分公司</h2><p class='mapIco'>东莞市南城区石竹路3号广发金融大厦10楼01室</p><p class='mailIco'>523071</p><p class='telIco'>0769-23184981</p></li><li data-longitude='104.074265' data-latitude='30.624619' data-title='红牛四川分公司' data-describe='四川省成都市武侯区人民南路4段27号商鼎国际1栋1单元1201室'><h2>红牛四川分公司</h2><p class='mapIco'>四川省成都市武侯区人民南路4段27号商鼎国际1栋1单元1201室</p><p class='mailIco'>610041</p><p class='telIco'>028-85226292</p></li><li data-longitude='114.212010' data-latitude='30.642644' data-title='红牛湖北分公司' data-describe='武汉市东西湖区金银湖路18号财富大厦13楼'><h2>红牛湖北分公司</h2><p class='mapIco'>武汉市东西湖区金银湖路18号财富大厦13楼</p><p class='mailIco'>430048</p><p class='telIco'>027-63370775/63370772</p></li><li data-longitude='102.723112' data-latitude='25.042759' data-title='红牛云南分公司' data-describe='云南省昆明市青年路389号志远大厦13楼A－2号'><h2>红牛云南分公司</h2><p class='mapIco'>云南省昆明市青年路389号志远大厦13楼A－2号</p><p class='mailIco'>650021</p><p class='telIco'>0871-3100721</p></li><li data-longitude='106.715241' data-latitude='26.599956' data-title='红牛贵州分公司' data-describe='贵阳市云岩区北京路27号鑫都财富大厦26楼A座'><h2>红牛贵州分公司</h2><p class='mapIco'>贵阳市云岩区北京路27号鑫都财富大厦26楼A座</p><p class='mailIco'>550004</p><p class='telIco'>0851—6814108</p></li><li data-longitude='110.411964' data-latitude='21.202004' data-title='红牛湛江分公司' data-describe='湛江市霞山区人民大道南45号民大商贸大厦1103'><h2>红牛湛江分公司</h2><p class='mapIco'>湛江市霞山区人民大道南45号民大商贸大厦1103</p><p class='mailIco'>524000</p><p class='telIco'>0759-2837830/2837860</p></li><li data-longitude='86.16175' data-latitude='41.767539' data-title='红牛南疆分公司' data-describe='新疆库尔勒市滨河路天赐花园B座2302室'><h2>红牛南疆分公司</h2><p class='mapIco'>新疆库尔勒市滨河路天赐花园B座2302室</p><p class='mailIco'>841000</p><p class='telIco'>0996-2106316</p></li><li data-longitude='115.913912' data-latitude='28.676883' data-title='红牛江西分公司' data-describe='江西省南昌市广场南路333号恒茂国际中心A座805室'><h2>红牛江西分公司</h2><p class='mapIco'>江西省南昌市广场南路333号恒茂国际中心A座805室</p><p class='mailIco'>330002</p><p class='telIco'>0791-86497863/86665007</p></li><li data-longitude='118.778528' data-latitude='32.074568' data-title='红牛南京分公司' data-describe='江苏省南京市鼓楼区山西路8号金山大厦A座19楼1901室'><h2>红牛南京分公司</h2><p class='mapIco'>江苏省南京市鼓楼区山西路8号金山大厦A座19楼1901室</p><p class='mailIco'>210009</p><p class='telIco'>025-83223948</p></li><li data-longitude='116.458543' data-latitude='39.911667' data-title='红牛北京分公司' data-describe='北京市建国门外大街永安东里华彬国际大厦10层1007'><h2>红牛北京分公司</h2><p class='mapIco'>北京市建国门外大街永安东里华彬国际大厦10层1007</p><p class='mailIco'>100022</p><p class='telIco'>010-85288029-8010</p></li><li data-longitude='123.422751' data-latitude='41.799054' data-title='红牛辽宁分公司' data-describe='沈阳市和平区和平北大街69号总统大厦C座2206'><h2>红牛辽宁分公司</h2><p class='mapIco'>沈阳市和平区和平北大街69号总统大厦C座2206</p><p class='mailIco'>110001</p><p class='telIco'>024-23267261/62/63</p></li><li data-longitude='108.894008' data-latitude='34.20246' data-title='红牛陕西分公司' data-describe='陕西省西安市锦业路1号都市之门C座11508室'><h2>红牛陕西分公司</h2><p class='mapIco'>陕西省西安市锦业路1号都市之门C座11508室</p><p class='mailIco'>710065</p><p class='telIco'>029-88816813</p></li><li data-longitude='120.167321' data-latitude='33.352329' data-title='红牛苏北分公司' data-describe='盐城市盐都区华邦国际西厦A区2006、2007'><h2>红牛苏北分公司</h2><p class='mapIco'>盐城市盐都区华邦国际西厦A区2006、2007</p><p class='mailIco'>224000</p><p class='telIco'>0515-88582102</p></li><li data-longitude='116.729851' data-latitude='23.364661' data-title='红牛汕头分公司' data-describe='广东省汕头市华山路碧霞庄中区1幢（民生银行大厦）407-408室'><h2>红牛汕头分公司</h2><p class='mapIco'>广东省汕头市华山路碧霞庄中区1幢（民生银行大厦）407-408室</p><p class='mailIco'>515041</p><p class='telIco'>0754-88695688</p></li><li data-longitude='106.553199' data-latitude='29.565231' data-title='红牛重庆分公司' data-describe='重庆市渝中区华盛路1号企业天地8号楼第20层6+7单元'><h2>红牛重庆分公司</h2><p class='mapIco'>重庆市渝中区华盛路1号企业天地8号楼第20层6+7单元</p><p class='mailIco'>400015</p><p class='telIco'>023-89031120/21</p></li><li data-longitude='121.49045' data-latitude='31.257926' data-title='红牛上海分公司' data-describe='上海市虹口区武进路360号壹丰广场1506室'><h2>红牛上海分公司</h2><p class='mapIco'>上海市虹口区武进路360号壹丰广场1506室</p><p class='mailIco'>200080</p><p class='telIco'>021-61178178</p></li><li data-longitude='87.576181' data-latitude='43.855447' data-title='红牛新疆分公司' data-describe='新疆乌鲁木齐市北京南路439号中核发展大厦16楼'><h2>红牛新疆分公司</h2><p class='mapIco'>新疆乌鲁木齐市北京南路439号中核发展大厦16楼</p><p class='mailIco'>830011</p><p class='telIco'>0991-4835894</p></li><li data-longitude='117.26629' data-latitude='31.857387' data-title='红牛安徽分公司' data-describe='安徽省合肥市肥西路66号汇金大厦12B楼1203-1205室'><h2>红牛安徽分公司</h2><p class='mapIco'>安徽省合肥市肥西路66号汇金大厦12B楼1203-1205室</p><p class='mailIco'>230001</p><p class='telIco'>0551-2657611</p></li><li data-longitude='126.662824' data-latitude='45.774446' data-title='红牛黑龙江分公司' data-describe='黑龙江省哈尔滨市南岗区东大直街146号上和置和广场1号楼27层2711室'><h2>红牛黑龙江分公司</h2><p class='mapIco'>黑龙江省哈尔滨市南岗区东大直街146号上和置和广场1号楼27层2711室</p><p class='mailIco'>150001</p><p class='telIco'>0451-53608457</p></li><li data-longitude='113.73166' data-latitude='34.754813' data-title='红牛河南分公司' data-describe='河南省郑州市中州大道1188号建业置地广场B座27层155号'><h2>红牛河南分公司</h2><p class='mapIco'>河南省郑州市中州大道1188号建业置地广场B座27层155号</p><p class='mailIco'>450000</p><p class='telIco'>0371-65786101</p></li><li data-longitude='117.090859' data-latitude='36.659145' data-title='红牛山东分公司' data-describe='山东省济南市经十路13777号中润世纪城5号楼902室'><h2>红牛山东分公司</h2><p class='mapIco'>山东省济南市经十路13777号中润世纪城5号楼902室</p><p class='mailIco'>250014</p><p class='telIco'>0531-88558011</p></li><li data-longitude='103.837189' data-latitude='36.060065' data-title='红牛甘肃分公司' data-describe='兰州市庆阳路105号澳兰名门B1座6楼'><h2>红牛甘肃分公司</h2><p class='mapIco'>兰州市庆阳路105号澳兰名门B1座6楼</p><p class='mailIco'>730000</p><p class='telIco'>0931-8279900/0931-8276600 </p></li><li data-longitude='110.332735' data-latitude='20.035543' data-title='红牛海南分公司' data-describe='海南省海口市国贸大道2号海南时代广场10楼10D单元'><h2>红牛海南分公司</h2><p class='mapIco'>海南省海口市国贸大道2号海南时代广场10楼10D单元</p><p class='mailIco'>570125</p><p class='telIco'>0898-68554263</p></li><li data-longitude='120.379948' data-latitude='36.093896' data-title='红牛青岛分公司' data-describe='山东省青岛市市北区延吉路76号中海大厦6号楼903室'><h2>红牛青岛分公司</h2><p class='mapIco'>山东省青岛市市北区延吉路76号中海大厦6号楼903室</p><p class='mailIco'>266000</p><p class='telIco'>0532-66990781</p></li><li data-longitude='117.2166' data-latitude='39.09791' data-title='红牛天津分公司' data-describe='天津市河西区越秀路38号银河大厦1004室'><h2>红牛天津分公司</h2><p class='mapIco'>天津市河西区越秀路38号银河大厦1004室</p><p class='mailIco'>300201</p><p class='telIco'>022-58376301/02</p></li><li data-longitude='114.03133' data-latitude='33.012463' data-title='红牛豫南分公司' data-describe='驻马店市乐山路与通达路交叉口爱家会展国际公寓5B1105'><h2>红牛豫南分公司</h2><p class='mapIco'>驻马店市乐山路与通达路交叉口爱家会展国际公寓5B1105</p><p class='mailIco'>463000</p><p class='telIco'>0396-3336611</p></li><li data-longitude='112.574083' data-latitude='37.881803' data-title='红牛山西分公司' data-describe='太原市杏花岭区肖墙路9号御花园假日广场写字楼B座11层8-16号'><h2>红牛山西分公司</h2><p class='mapIco'>太原市杏花岭区肖墙路9号御花园假日广场写字楼B座11层8-16号</p><p class='mailIco'>030002</p><p class='telIco'>0351-3343385</p></li><li data-longitude='125.330838' data-latitude='43.877578' data-title='红牛吉林分公司' data-describe='吉林省长春市朝阳区人民大街4111号兆丰国际大厦402室'><h2>红牛吉林分公司</h2><p class='mapIco'>吉林省长春市朝阳区人民大街4111号兆丰国际大厦402室</p><p class='mailIco'>130000</p><p class='telIco'>0431-88658765/89819146/88405122</p></li><li data-longitude='111.686334' data-latitude='40.818519' data-title='红牛内蒙分公司' data-describe='呼和浩特市赛罕区呼伦南路119号东达城市广场写字楼2307室'><h2>红牛内蒙分公司</h2><p class='mapIco'>呼和浩特市赛罕区呼伦南路119号东达城市广场写字楼2307室</p><p class='mailIco'>010020</p><p class='telIco'>0471-5254961/62/63</p></li><li data-longitude='114.517927' data-latitude='38.047402' data-title='红牛河北分公司' data-describe='河北省石家庄市建设南大街6号西美大厦1102室'><h2>红牛河北分公司</h2><p class='mapIco'>河北省石家庄市建设南大街6号西美大厦1102室</p><p class='mailIco'>500000</p><p class='telIco'>0311-86966921</p></li><li data-longitude='101.787055' data-latitude='36.627154' data-title='红牛青海分公司' data-describe='青海省西宁市城中区西大街10号浩运大厦7楼703室'><h2>红牛青海分公司</h2><p class='mapIco'>青海省西宁市城中区西大街10号浩运大厦7楼703室</p><p class='mailIco'>810000</p><p class='telIco'>0971-8276755</p></li><li data-longitude='106.254935' data-latitude='38.489454' data-title='红牛宁夏分公司' data-describe='银川市金凤区北京中路51号瑞银财富中心C座11楼'><h2>红牛宁夏分公司</h2><p class='mapIco'>银川市金凤区北京中路51号瑞银财富中心C座11楼</p><p class='mailIco'>750001</p><p class='telIco'>0951-6890560</p></li><li data-longitude='120.692496' data-latitude='27.988907' data-title='红牛浙南代表处' data-describe='温州市车站大道2号华盟商务广场1706-1707室'><h2>红牛浙南代表处</h2><p class='mapIco'>温州市车站大道2号华盟商务广场1706-1707室</p><p class='mailIco'>325000</p><p class='telIco'>0577-88557337</p></li><li data-longitude='119.660525' data-latitude='29.117431' data-title='红牛金丽衢代表处' data-describe='金华市八一北街739号东方国际财富双塔西塔24楼F室'><h2>红牛金丽衢代表处</h2><p class='mapIco'>金华市八一北街739号东方国际财富双塔西塔24楼F室</p><p class='mailIco'>321000</p><p class='telIco'>0579-82515088</p></li></ul></div></div></div><div class="footer"><div class="astrict"><div class="rightF"><span style=" margin-left:80px;"> 更多关注和了解红牛：</span><img src="/statics/images/public/social_ico.png" alt="" usemap="#Map"><a class="sell" href="https://item.m.jd.com/product/770104.html" target="_blank">在线购买</a><!-- <a style="margin-left:10px;" href="http://www.redbullclub.cn/" target="_blank">能量部落</a> --><div class="wxQrImg"><img src="/statics/images/public/qr2.jpg"></div><map name="Map"><area shape="rect" class='wxIco' coords="1,2,18,20" href="#"><!--微信--><area shape="rect" coords="42,2,64,21" href="http://weibo.com/rbchina" target="_blank"><!--新浪微博--><area shape="rect" coords="85,2,106,21" href="http://e.t.qq.com/chinaredbull2012" target="_blank"><!--腾讯微博--><area shape="rect" coords="127,1,148,24" href="http://page.renren.com/601519657" target="_blank"><!--人人网--></map><ul> <li><a href="/about/contact">联系我们</a></li><li><a href="/club/reg">媒体俱乐部</a></li><li><a href="/home/copyright">版权及隐私</a></li><li><a href="/home/sitemap">站点地图</a></li><li style="margin-right:0px;">红牛微服务<img class='qrCode' src="/statics/images/public/qr.png" alt=""></li><li style=" margin-left:23px; margin-right:-80px; cursor:pointer;"><span class="mobliegw" >移动官网</span></li><div class="m_wxewm" style="display:none;position:relative; left:40px;top:-114px; * +left:-20px;* +top:-122px;"><img src="/statics/images/public/mqrcode.png"></div></ul></div><div style="width:100%;text-align:center"><p class='copyright' style="padding-top: 165px; float: none">© 北京红牛饮料销售有限公司 <a href="http://beian.miit.gov.cn" target="_blank" style="color:#000000;"><span class="icp_b">京ICP备19003749号-1</span> 京公网安备11010502037144</a></p></div></div></div><script>$(function(){ $('.mobliegw').mouseover(function(){ $('.m_wxewm').show(); }) $('.mobliegw').mouseout(function(){ $('.m_wxewm').hide(); }) }) </script><div style="display:none"><iframe id="iframe_redniugift" src="http://gift.redbull.com.cn/Login/LoginWww?username=&password=" name="iframe_redniugift" height="0" width="0" ></iframe></div><script type="text/javascript">var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fc1ee968783c16ff591bf2deae23d134d' type='text/javascript'%3E%3C/script%3E")); </script><script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script><script type="text/javascript">var pageTracker = _gat._getTracker("UA-19055849-1"); pageTracker._trackPageview(); </script><script src="/statics/js/jquery/jquery.easing.1.3.js" type="text/javascript"></script><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Tppb7u3A4tqP1wnZ1SbK3UOS"></script><script src="/statics/js/nav.js" type="text/javascript"></script><script> $(function(){ var flag=0; var len=$('.con li').size(); var maxLen=Math.ceil(len/4); for(var i=0;i<len;i++){ if((i+1)%4==0){ $('.con li').eq(i).addClass('prNone') } } $('.leftBtn').click(function(){ flag--; if(flag<0)flag=0; else disCon(); }); $('.rightBtn').click(function(){ flag++; if(flag>maxLen-1)flag=maxLen-1; else disCon(); }); function disCon(index){ $('.con li').hide(); //var len=flag*4; for(var i=flag*4;i<flag*4+4;i++){ if(i<len){ $('.con li').eq(i).stop(); $('.con li').eq(i).fadeIn('slow'); } } if(index){ $('.siteActive').removeClass('siteActive'); $('.con li').eq(index).addClass('siteActive') } } $('.con li').on('click',function(){ var index=$(this).index(); disCon(index) //addBdMap($(this)); toMapPoint($(this)) }) var map; var addBdMap=function(obj){ var obj=obj; var longitude=obj.attr('data-longitude'),latitude=obj.attr('data-latitude'), title=obj.attr('data-title'), describe=obj.attr('data-site'); //$('#bdMap').empty(); /** * 百度地图API功能 */ map = new BMap.Map("bdMap"); var point = new BMap.Point(106.456505,36.803023); map.centerAndZoom(point, 4); map.enableScrollWheelZoom(true); var $conLi=$('.con li'); var len=$conLi.size(); for(var i=0; i<len; i++){ var cl=$conLi.eq(i); var longitude=cl.attr('data-longitude'), latitude=cl.attr('data-latitude'), title=cl.attr('data-title'), describe=cl.attr('data-describe') createInfo(longitude,latitude,title,describe,i); } var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺 var top_left_navigation = new BMap.NavigationControl(); //左上角，添加默认缩放平移控件 var top_right_navigation = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL}); //右上角，仅包含平移和缩放按钮 map.addControl(top_left_control); map.addControl(top_left_navigation); map.addControl(top_right_navigation); } addBdMap($('.con li').eq(0)); function createInfo(longitude,latitude,title,describe,index){ var opts = { width : 200, // 信息窗口宽度 height: 100, // 信息窗口高度 title : title , // 信息窗口标题 enableMessage:true,//设置允许信息窗发送短息 message:describe } var point = new BMap.Point(longitude,latitude); var marker = new BMap.Marker(point); // 创建标注 map.addOverlay(marker); // 将标注添加到地图中 //var point = new BMap.Point(longitude,latitude); var infoWindow = new BMap.InfoWindow(describe, opts); // 创建信息窗口对象 marker.addEventListener("click", function(){ map.openInfoWindow(infoWindow,point); //开启信息窗口 flag=Math.floor(index/4); disCon(index); }); } var toMapPoint=function(obj){ var obj=obj; var longitude=obj.attr('data-longitude'),latitude=obj.attr('data-latitude'), title=obj.attr('data-title'), site=obj.attr('data-site'); var point = new BMap.Point(longitude,latitude); map.centerAndZoom(point, 8); //移动地图 map.panTo(new BMap.Point(longitude,latitude)); } }) </script></body></html>
所有数据放到上面你的折叠代码中，新建一个a.txt文件，将数据复制到里面即可。
