关于我们地图自适应

liuqimichale
1 parent 4fb19f76
Showing 3 changed files with 38 additions and 5 deletions
contact.html
css/contact.css
js/china.js
@@ -83,7 +83,7 @@
     </div>
 </div>
  
-<section id="example" class="section">
+<section id="contact" class="section contact">
     <div class="container">
         <div class="row">
             <div class="example-title text-center">经典案例</div>
@@ -110,12 +110,12 @@
     </div>
 </section>
  
-<section id="" class="section">
+<section id="" class="section contact">
     <div class="container">
         <div class="row">
             <div class="example-title text-center">联系我们</div>
             <div class="example-subtitle text-center">打造创新型停车场 轻松停车</div>
-            <div class="col-md-12 col-xs-12 contact-map">
+            <div class="col-md-12 col-xs-12 contact-map" id="main">
  
             </div>
         </div>
@@ -147,6 +147,9 @@
 <script type="text/javascript" src="js/swiper.js"></script>
 <script type="text/javascript" src="js/gmaps.min.js"></script>
 <script type="text/javascript" src="js/nav-footer.js?a=2"></script>
+<script src="https://cdn.bootcss.com/echarts/3.8.5/echarts.js"></script>
 <script type="text/javascript" src="js/main.js?a=2"></script>
+<script type="text/javascript" src="js/china.js"></script>
+<script type="text/javascript" src="js/contact.js"></script>
 </body>
 </html>
+.contact{
+    background-color: #fff;
+}
 .contactside-bg{
     width: 100%;
     height:600px;
@@ -68,6 +71,6 @@
 }
 .contact-map{
     height: 1011px;
-    background: url("../images/contact-map.png") no-repeat;
-    background-size: 100% 100%;
+    /*background: url("../images/contact-map.png") no-repeat;*/
+    /*background-size: 100% 100%;*/
 }