地图位置层级修改

ioc_frontweb/index.html

@@ -40,9 +40,9 @@
     <div class="clearBtn">
       <button class="serBtn" id="removeSerBtn"><i class="layui-icon layui-icon-delete"></i></button>
     </div>
-    <div class="mulitVideoBtn">
+    <!-- <div class="mulitVideoBtn">
     <button class="serBtn" id="mulitVideoBtn"><i class="layui-icon layui-icon-table"></i></button>
-  </div>
+  </div> -->
     <div class="mouseToolBtn">
       <button class="serBtn" id="mouseToolBtn"><i class="layui-icon layui-icon-app"></i></button>
     </div>

ioc_frontweb/js/map.js

@@ -17,7 +17,7 @@ district.search('赞皇', function (status, result) {
   // for (var i = 0; i < bounds.length; i += 1) {
   //   mask.push([bounds[i]]);
   // }
-  var defaultCenter = [114.72995, 38.37417];
+  var defaultCenter = [114.391885,37.672925];
   map = new AMap.Map('container', {
     // mask: mask,
     center: defaultCenter,
@@ -27,7 +27,7 @@ district.search('赞皇', function (status, result) {
     showLabel: true,
     // labelzIndex: 110,
     pitch: 8,
-    zoom: 11.5,
+    zoom: 12.5,
     // mapStyle: 'amap://styles/darkblue',
     mapStyle: 'amap://styles/3b679a15f448a4740ba2ff7524e1a4ae',
   });

ioc_frontweb/style/style.css

@@ -470,42 +470,43 @@ table.layui-table th {
   position: fixed;
   width: 100%;
   top: 0;
-  height: 90px;
+  height: 9.5%;
 }
 .borderleft{
   position: fixed;
   height: 100%;
   top: 0;
   left: 0;
-  width: 60px;
+  width: 3.5%;
 }
 .borderright{
   position: fixed;
   height: 100%;
   top: 0;
   right: 0;
-  width: 60px;
+  width: 3.6%;
 }
 .borderbottom{
   position: fixed;
   width: 100%;
   bottom: 0;
-  height: 30px;
+  height: 3.6%;
 }
 #leftBar{
   /* background: url(../images/mapleft1.png); */
   background-repeat: no-repeat;
   background-size: 100%;
   width: 22%;
-  height: 89.1%;
+  height: auto;
   position: fixed;
   left: 0;
   top: 0;
   bottom: 0;
   z-index: 2;
   background-size: 100% 100%;
-  margin-top: 4.4%;
+  margin-top: 92px;
   margin-left: 1%;
+  margin-bottom: 25px;
   background: url(../images/mapl.png)no-repeat;
   background-size: 100% 100%;
 }
@@ -514,15 +515,16 @@ table.layui-table th {
   background-repeat: no-repeat;
   background-size: 100%;
   width: 22%;
-  height: 89.1%;
+  height: auto;
   position: fixed;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 2;
   background-size: 100% 100%;
-  margin-top: 4.4%;
+  margin-top: 92px;
   margin-right: 1%;
+  margin-bottom: 25px;
   background: url(../images/mapr.png)no-repeat;
   background-size: 100% 100%;
 }
@@ -1154,7 +1156,7 @@ table.layui-table th {
 .mulitVideoBtn,
 .mouseToolBtn {
   position: fixed;
-  top: 195px;
+  top: 180px;
   right: 465px;
   z-index: 999;
 }
@@ -1162,7 +1164,7 @@ table.layui-table th {
   top: 255px;
 }
 .mouseToolBtn {
-  top: 255px;
+  top: 225px;
   /* top: 310px; */
 }
 .toolsbox {
@@ -1220,8 +1222,8 @@ table.layui-table th {
 }
 .serBtn {
   background: #152136;
-  width: 45px;
-  height: 45px;
+  width: 35px;
+  height: 35px;
   text-align: center;
   outline: none;
   border-radius: 5px;
@@ -1241,7 +1243,7 @@ table.layui-table th {
   font-size: 1.5em;
 }
 .serBtn i {
-  font-size: 2em;
+  font-size: 1.6em;
   height: 38px;
   line-height: 38px;
   color: #fff;
@@ -1608,17 +1610,17 @@ div[lay-id='members'] thead tr:nth-child(1) {
 /* 卫星地图切换 */
 .amap-maptype-wrap {
     position: absolute;
-    top: 302px !important;
+    top: 260px !important;
     right: 452px !important;
-    width: 45px;
-    height: 45px;
+    width: 35px;
+    height: 35px;
 }
 .amap-maptype-con {
     position: absolute;
 	top: 0;
 	right: 0;
-	width: 46px !important;
-	height: 46px !important;
+	width: 36px !important;
+	height: 36px !important;
 	/* background: #fff; */
 	border: solid 0px #ccc !important;
 	border-radius: 5px !important;
@@ -1628,8 +1630,8 @@ div[lay-id='members'] thead tr:nth-child(1) {
     position: absolute;
     top: 1px;
     right: 1px;
-    width: 45px !important;
-    height: 45px !important;
+    width: 35px !important;
+    height: 35px !important;
     overflow: hidden;
     background: #ccc;
     border: solid 0px #ccc !important;
@@ -1639,7 +1641,7 @@ div[lay-id='members'] thead tr:nth-child(1) {
     position: absolute;
     bottom: 0;
     left: 0;
-    width: 45px !important;
+    width: 35px !important;
     height: 20px;
     color: #fff;
     text-align: center;
@@ -1655,7 +1657,7 @@ div[lay-id='members'] thead tr:nth-child(1) {
 .amap-maptype-list {
 	width: 45px !important;
 	border-radius: 5px !important;
-	display: block;
+	display: none !important;
 	height: 20px;
     position: absolute;
     top: 353px !important;