feat: 地图调整

app/src/views/Iot/index.vue

@@ -27,12 +27,10 @@
         />
       </border-panel>
     </div>
-    <div style="">
-      <div class="map-container cover" style=" position: relative;">
-        <MapCharts />
-        <div style="position: absolute;width: 500px; left:80px; top: 10px;">
-          <SearchBox :area.sync="qx" />
-        </div>
+    <div class="map-container cover">
+      <MapCharts />
+      <div style="position: absolute;width: 500px; left:90px; top: 10px;">
+        <SearchBox :area.sync="qx" />
       </div>
     </div>
     <div style="z-index: 100">
@@ -151,13 +149,14 @@ export default {
 
 <style scoped lang="less">
 .map-container {
+  position: fixed;
   z-index: 50;
-  // top: 25%;
-  left: -100px;
+  left: 50%;
+  transform: translateX(-50%);
   display: flex;
+  padding-top: 150px;
   align-items: center;
-  width: 700px;
-  height: 90%;
+  width: 920px;
 }
 
 // .map-container::after {
@@ -171,7 +170,4 @@ export default {
 //   pointer-events: none;
 // }
 
-iframe {
-  border: none;
-}
 </style>