爬虫:红牛官网的分公司信息(练习)

正文

网页地址:  红牛官网 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>                &nbsp;&nbsp;&nbsp;
                <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">© 北京红牛饮料销售有限公司&nbsp;&nbsp;&nbsp;<a href="http://beian.miit.gov.cn" target="_blank" style="color:#000000;"><span class="icp_b">京ICP备19003749号-1</span>&nbsp;&nbsp;&nbsp;京公网安备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保存下来的网页源代码数据

所有数据放到上面你的折叠代码中,新建一个a.txt文件,将数据复制到里面即可。

posted @ 2021-11-25 20:58  Panda_Xin  阅读(117)  评论(0编辑  收藏  举报