fix map info

Author: hongwei

_config.yml

@@ -13,7 +13,7 @@
 # you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
 # You can create any custom variable you would like, and they will be accessible
 # in the templates via {{ site.myvariable }}.
-title: Business Jekyll Theme
+title: Oriental Horizon Hotel Services
 email: [email protected]
 description: > # this means to ignore newlines until "baseurl:"
   Yet another Jekyll theme. It is designed for business purpose and ported by 

_includes/header.html

@@ -22,7 +22,10 @@
         <a href="/about.html">About</a>
       </li>
       <li>
-        <a href="/blog.html">Blog</a>
+        <a href="/service.html">Service</a>
+      </li>
+      <li>
+        <a href="/news.html">News</a>
       </li>
       <li>
         <a href="/team.html">Team</a>

_includes/script.html

@@ -2,5 +2,41 @@
 <script src="../assets/bootstrap/js/bootstrap.min.js"></script>
 <script src="../js/wow.min.js"></script>
 <script>
-  new WOW().init();
+    new WOW().init();
+    // // 百度地图API功能
+    // var map = new BMap.Map("map_container");    // 创建Map实例
+    // map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别
+    // //添加地图类型控件
+    // map.addControl(new BMap.MapTypeControl({
+    //     mapTypes:[
+    //         BMAP_NORMAL_MAP,
+    //         BMAP_HYBRID_MAP
+    //     ]}));
+    // map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
+    // map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
+
+    function loadJScript() {
+        var script = document.createElement('script');
+        script.type = 'text/javascript';
+        script.src = '//api.map.baidu.com/api?type=webgl&v=1.0&ak=oZ5ONlBBSuVIrz7WWdHdaw4g1zYOB3G6&callback=init';
+        document.body.appendChild(script);
+    }
+
+    function init() {
+        var map = new BMapGL.Map('map_container'); // 创建Map实例
+        var point = new BMapGL.Point(116.465808, 39.91327); // 创建点坐标
+        // var icon = new BMapGL.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h);
+        map.centerAndZoom(point, 18);
+        map.enableScrollWheelZoom(); // 启用滚轮放大缩小
+
+        var marker = new BMapGL.Marker(point, {
+            enableDragging: true
+        });
+        // var icon = new BMapGL.Icon("assets/img/slider/sign-310036_1280.png", new BMapGL.Size(50, 30));
+        // var marker = new BMapGL.Marker(point, {
+        //     icon: icon
+        // });
+        map.addOverlay(marker);
+    }
+    window.onload = loadJScript; // 异步加载地图
 </script>

_layouts/home_style.html

@@ -77,7 +77,7 @@ <h3 class="services-header-title">Our Mission</h3>
             </div>
 
             <!-- Begin Services Row 1 -->
-            <div class="row services-row services-row-head services-row-1">
+            <div hidden="true" class="row services-row services-row-head services-row-1">
                 <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                     <div class="services-group wow animated fadeInLeft" data-wow-offset="40">
                         <p class="services-icon"><span class="fa fa-android fa-5x"></span></p>
@@ -108,7 +108,7 @@ <h4 class="services-title">EASY TO USE</h4>
             <!-- End Serivces Row 1 -->
 
             <!-- Begin Services Row 2 -->
-            <div class="row services-row services-row-tail services-row-2">
+            <div hidden="true" class="row services-row services-row-tail services-row-2">
                 <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                     <div class="services-group wow animated fadeInLeft" data-wow-offset="40">
                         <p class="services-icon"><span class="fa fa-windows fa-5x"></span></p>

assets/css/style.css

@@ -53,10 +53,10 @@ License URI:http://www.gnu.org/licenses/gpl-2.0.html
   margin-left: auto;
 }
 
-.container-map {
+#map_container {
     overflow: hidden;
     width: 100%;
-    height: 100%;
+    height: 500px;
     margin: 0;
     font-family: "微软雅黑";
 }

contact.html

@@ -9,7 +9,8 @@
   <div class="row">
     <div>
 <!--      <iframe width="100%" height="450px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="{{ site.google_map }}"></iframe>-->
-      <iframe width="100%" height="450px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" href="/map.html"></iframe>
+<!--      <iframe id="map_container1" width="100%" height="450px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" onload="iwnit()"></iframe>-->
+        <div id="map_container" onload="init()"></div>
       <br />
     </div>
     <div class="container">

map.html

@@ -1,24 +1,7 @@
 ---
 layout: default_style
 permalink: /map
-published: true
 ---
 <!-- Main Container -->
-<script>
-    function loadJScript() {
-        var script = document.createElement('script');
-        script.type = 'text/javascript';
-        script.src = '//api.map.baidu.com/api?type=webgl&v=1.0&ak=oZ5ONlBBSuVIrz7WWdHdaw4g1zYOB3G6&callback=init';
-        document.body.appendChild(script);
-    }
-    function init() {
-        var map = new BMapGL.Map('container'); // 创建Map实例
-        var point = new BMapGL.Point(116.465, 39.913); // 创建点坐标
-        map.centerAndZoom(point, 10);
-        map.enableScrollWheelZoom(); // 启用滚轮放大缩小
-    }
-    window.onload = loadJScript; // 异步加载地图
-</script>
-<div id="container"></div>
-
+<div id="map_container" onload="init()"></div>
 <!--End Main Container -->

blog.html news.html

@@ -1,6 +1,6 @@
 ---
 layout: default_style
-permalink: /blog
+permalink: /news
 published: true
 ---
 <!-- Main Container -->

service.html

@@ -0,0 +1,11 @@
+---
+layout: default_style
+permalink: /service
+published: true
+---
+<!-- Main Container -->
+<div id="banners"></div>
+<div class="container">
+    <p><h1>Services</h1></p>
+</div>
+<!--End Main Container -->