master

分支 (1)

管理

管理

master

jian-you-travel
/
attractions13.html

<!DOCTYPE html>

<html lang="en" class="no-js">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta
      name="Keywords"
      content="海南旅游、阳光海南，度假天堂、国际旅游岛、请到海南深呼吸、海南美好时光、在世界行走，为海南停留、南海明珠、全域旅游、乡村旅游、
			   海南自驾、骑行海南、徒步海南、海南邮轮、海南会展、会展旅游、海岛婚礼、浪漫海岛、海口旅游、陵水旅游、三亚旅游、儋州旅游、保亭旅游、蜈支洲、天涯海角、108米海上观音、
			   文昌鸡、海南美食、海南鸡饭、海南酒店、海南住宿、海南地图、海鲜"
    />
    <link rel="shortcut icon" href="images/logo简游.png" />
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
    />
    <!-- CSS only -->
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"
      integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="css/reset.css" />
    <!-- CSS reset -->
    <link rel="stylesheet" href="css/attractions/style.css" />
    <!-- Resource style -->
    <script src="js/attractions/modernizr.js"></script>
    <!-- Modernizr -->
    <title>南湾猴岛生态旅游区-景区景点-看美景-玩转海南</title>
  </head>
  <body>
    <header>
      <a class="cd-logo" href="attractions1.html"
        ><img src="images/logo简游.png" alt="Logo"
      /></a>
    </header>

    <!-- 导航 -->
    <nav>
      <ul class="cd-primary-nav">
        <li><a href="index.html">首页</a></li>

        <li><a href="index.html#Cate">美食推荐</a></li>

        <li><a href="index.html#Map">地图导航</a></li>

        <li><a href="index.html#Hotel">酒店推荐</a></li>

        <li><a href="index.html#Recommend">景点推荐</a></li>

        <li><a href="index.html#Photo">景点相册</a></li>
      </ul>
    </nav>

    <!-- 内容 -->
    <main class="cd-content">
      <div class="animal">
        <div class="animal-nav">
          <a href="" class="animate-img"
            ><i class="fas fa-map-marker-alt"></i> 南湾猴岛生态旅游区</a
          >
        </div>
        <div class="animal-navs">
          <span
            ><a href="index.html"> 首页 </a> > 景点推荐 >
            <a href=""> 南湾猴岛生态旅游区</a>
          </span>
        </div>
      </div>

      <div class="cd-intro">
        <h1>南湾猴岛生态旅游区</h1>
        <img
          src="images/attractions/南湾猴岛生态旅游区.jpg"
          alt="南湾猴岛生态旅游区.jpg"
        />
      </div>
      <p>
        国家4A景区 / 风景区
        <br />
        南湾猴岛生态景区位于中国海南省陵水县南约14公里的南湾半岛，总面积10.2平方公里，
        是世界上唯一的热带海岛型猕猴自然保护区。岛上自然原始的生态环境中生活着1500余只可爱的猕猴，它们属国家二级保护动物。
      </p>
      <p>
        南湾猴岛生态景区是海南省知名旅游景区，拥有国家AAAA级景区，海南省十佳景区，海南文明旅游风景区称号、是海南十大亮丽品牌之一。
        景区主要经营企业为武汉三特索道集团股份有限公司所属控股企业海南三特索道有限公司、海南陵水猴岛旅业发展有限公司及海南浪漫天缘海上旅业有限公司。
      </p>
      <p>
        为保持猴岛的神秘性、突出猴岛的特色性、猴岛景区始终强调在保护猴岛原始生态环境的前提下，有规划、有限度地合理开发，
        并创新性地提出南湾猴岛猕猴是主人，游客是客人，而景区的经营管理者是仆人和管家的“三人理念”，通过巧妙的人猴互动活动、
        生动有趣的猴艺表演、创意新颖的生态服务设施营造出猴岛独特的“人猴同乐、妙趣自然”的旅游文化体验，吸引了众多的海内外游客。
        近年来，南湾猴岛景区年游客量一直稳定在100多万人次以上，已逐渐发展成一个极具特色和充满欢乐的著名生态旅游区，
        确立了它在海南省旅游市场中的精品旅游景区的品牌地位。
      </p>
      <p>
        南湾猴岛生态景区除拥有优越的热带海岛生态环境及猕猴特色资源以外，还具备优质的阳光、海水及滨海沙滩旅游资源，
        同时还拥有独特的新村渔港和水上疍家等特色民俗风情旅游资源。为更好拓展景区旅游内涵，充分开发利用猴岛独特的旅游资源组合价值，
        猴岛景区正加紧建设步伐，推进5A景区创建，并将通过对新村港疍民水上人家及猴岛滨海旅游资源的差异化旅游产品开发，
        将猴岛景区由单一的观光型旅游景区向综合型生态休闲度假旅游区升级转型，将其打造成海南三亚黄金旅游圈中的重要旅游目的地之一。
      </p>
    </main>

    <!-- 地图 map -->
    <div class="map-wap">
      <div class="map-title">
        <p><i class="fas fa-book-open"></i> 小贴士</p>
      </div>
      <div class="box">
        <div id="container3" class="container fl"></div>
        <ul class="list fl">
          <li style="text-align: center;">
            <a href="javascript:void(0)">南湾猴岛生态旅游区</a>
          </li>
        </ul>
      </div>

      <div class="money">
        <p><i class="fab fa-alipay"></i> 票价：163.00元 含索道（仅供参考）</p>
      </div>
      <div class="phone">
        <p>
          <i class="fa fa-phone-square"></i>
          电话：0898-83360902
        </p>
      </div>
      <div class="location">
        <p>
          <i class="fas fa-map-marker-alt"></i>
          地址：海南省陵水县新村镇南湾猴岛生态旅游区
        </p>
      </div>
      <div class="jttrafic">
        <p>
          <i class="fas fa-car"></i>
          交交通：交通：海口方向（文昌、琼海、万宁等地）自驾游客可以沿着G98国道（东线高速）行驶至陵水县高速路口，
          再沿着G223国道方向行驶到达南湾猴岛生态旅游区。
           三亚方向自驾游客可以沿着G98国道至英州高速路口，到达英州高速路口后，再沿着雅居乐方向行驶，
           最后沿着清水湾大道到达南湾猴岛生态旅游区。
          乘车路线： 海口东站（海口方向其他高铁站）——陵水高铁站——猴岛景区（乘坐景区免费接送大巴
          ）海口方向自助游游客可以在海口东站或其他高铁站乘坐高铁至陵水高铁站，到达陵水高铁站后可以乘坐景区免费接送大巴（车身上写着“创先争优讲服务，免费接送游猴岛”）到达景区。
          三亚高铁站（三亚方向其他高铁站）——陵水高铁站——猴岛景区（乘坐景区免费接送大巴）三亚方向自助游游客可以在海口东站或其他高铁站乘坐高铁至陵水高铁站，
          到达陵水高铁站后可以乘坐景区免费接送大巴（车身上写着“创先争优讲服务，免费接送游猴岛”）到达景区。
        </p>
      </div>
      <div class="wzadress">
        <p>
          <i class="fas fa-link"></i>
          网址：
          <a href="http://www.hntwzoo.com/" target="_blank"
            >http://www.hntwzoo.com/</a
          >
        </p>
      </div>
    </div>

    <!-- 页脚 -->
    <div class="section" id="About">
      <footer class="footer_wapper">
        <div class="container-fluid p-0">
          <div class="row text-left">
            <div class="col-md-4 col-sm-5 footer_title">
              <h4 class="text-light">About us</h4>
              <p class="text-muted">关于我们 联系我</p>
              <div class="column text-light">
                <p><i class="fab fa-whatsapp">17608920178</i></p>
                <p><i class="fab fa-whatsapp">17744895851</i></p>
                <p><i class="fab fa-qq">1013756399</i></p>
                <p><i class="fab fa-weixin">Ahai1013756399</i></p>
                <p>
                  <a href="https://github.com/AH1013756399"
                    ><i class="fab fa-github"
                      >https://github.com/AH1013756399</i
                    ></a
                  >
                </p>
              </div>
            </div>
            <div class="col-md-4 col-sm-12 footer_title">
              <h4 class="text-light">Follow Us</h4>
              <p class="text-muted">简游出行网！</p>
              <div class="column text-light us">
                <p>
                  靠谱的旅游攻略, 自由行,自助游分享社区,
                  海量旅游景点图片，景点介绍、
                  游记、美食、购物等自由行旅游攻略信息, 自助游攻略信息更全面
                </p>
                <p><i class="fas fa-map-marker-alt">海南海口</i></p>
                <i class="fab fa-instagram"></i>
                <i class="fab fa-twitter"></i>
                <i class="fab fa-youtube"></i>
              </div>
            </div>
            <div class="col-md-4 col-sm-12 footer_title footer_titles">
              <h4 class="text-light">Link Nav</h4>
              <p class="text-muted">友情导航链接</p>
              <div>
                <a href="index.html#Hone">精彩首页</a>
                <a href="index.html#Photo">景点相册</a>
                <a href="index.html#Recommend">景点推荐</a>
              </div>
              <div>
                <a href="index.html#Cate">美食推荐</a>
                <a href="index.html#Hotel">酒店推荐</a>
                <a href="index.html#Dynamic">最新动态</a>
              </div>
              <div>
                <a href="index.html#Map">地图导航</a>
                <a href="food2.html">更多美食</a>
                <a href="hotel1.html">三亚酒店</a>
              </div>
              <div>
                <a href="hotel2.html">海口酒店</a>
                <a href="hotel3.html">豪华酒店</a>
                <a href="attractions1.html">海口景点</a>
              </div>
              <p class="pt-4 text-muted">
                版权归本人所有，它人不得盗取，如有侵权，请与我联系 ©2020
                <span>钟海科技</span>
              </p>
            </div>
          </div>
        </div>
      </footer>
    </div>
    <div class="footer-copright">
      <div class="copr">
        <p>
          <i class="fas fa-copyright" style="color: #fff;"></i> 2020
          简游出行旅游官网
        </p>
      </div>
    </div>

    <!-- cd-content -->

    <div class="cd-overlay-nav">
      <span></span>
    </div>
    <!-- cd-overlay-nav -->

    <div class="cd-overlay-content">
      <span></span>
    </div>
    <!-- cd-overlay-content -->

    <a href="#0" class="cd-nav-trigger">Menu<span class="cd-icon"></span></a>

    <!-- 返回顶部 -->
    <div class="to-top">
      <div class="top">
        <a href="#"><i class="fas fa-angle-up"></i></a>
      </div>
    </div>

    <script src="js/attractions/jquery-2.1.1.js"></script>
    <script src="js/attractions/velocity.min.js"></script>
    <script src="js/attractions/main.js"></script>
    <!-- Resource jQuery -->
    <script src="http://api.map.baidu.com/api?v=2.0&ak=A1LU7iHS0avqQwPLAxbhKn0UYSQCuRVH"></script>
    <script src="js/attractions/jquery.baiduMap.min.js"></script>
    <script>
      var points = [
        {
          id: 1,
          lng: 109.987141,
          lat: 18.408274,
          title: "南湾猴岛生态旅游区",
          content: ["南湾猴岛生态旅游区", "电话：0898-83360902"],
        },
      ];

      var map = new BaiduMap({
        id: "container3",
        level: 16, //  选填--地图级别--(默认15)
        zoom: true, // 选填--是否启用鼠标滚轮缩放功能--(默认false)
        type: ["地图", "卫星"], // 选填--显示地图类型--(默认不显示)
        width: 320, // 选填--信息窗口width--(默认自动调整)
        height: 70, // 选填--信息窗口height--(默认自动调整)
        titleClass: "title",
        contentClass: "content",
        showPanorama: true, // 是否显示全景控件(默认false)
        showMarkPanorama: true, // 是否显示标注点全景图(默认false)
        showLabel: false, // 是否显示文本标注(默认false)
        mapStyle: "normal", // 默认normal,可选dark,light
        icon: {
          // 选填--自定义icon图标
          url: "./images/attractions/marker2.png",
          width: 34,
          height: 94,
        },
        centerPoint: {
          // 中心点经纬度
          lng:  109.987141,
          lat: 18.408274,
        },
        index: 3, // 开启对应的信息窗口，默认-1不开启
        animate: true, // 是否开启坠落动画，默认false
        points: points, // 标注点--id(唯一标识)
        callback: function (id) {
          $(".list")
            .find("li")
            .eq(id - 1)
            .addClass("active")
            .siblings()
            .removeClass("active");
        },
      });

      var data = map.getPosition();
      var $li = $(".list").find("li");

      $li
        .each(function (i) {
          $(this).data("id", i + 1);
        })
        .on("click", function () {
          map.openInfoWindow($(this).data("id"));
          $(this).addClass("active").siblings().removeClass("active");
        })
        .addClass("active");
    </script>
  </body>
</html>