merge

src/views/demo/workmanagement/workplan/index.vue

@@ -1,8 +1,11 @@
 <template>
     <div>
-        <div style="width:100%;height: calc( 100vh - 80px);" >
-            <Map :workPlanFormShow="workPlanFormShow" :airRoute="airRoute" @exitDraw="exitDraw" @flyToThere="flyToThere" :wayline="wayline" :waylineInfo="waylineInfo"></Map>
+        <div class="map-out-container">
+            <div class="map-inner-container">
+                <Map :workPlanFormShow="workPlanFormShow" :airRoute="airRoute" @exitDraw="exitDraw" @flyToThere="flyToThere" :wayline="wayline" :waylineInfo="waylineInfo"></Map>
+            </div>
         </div>
+        
 
         <div  style="position:absolute;top:20px;left:20px;z-index:1;display:flex;gap:15px;">
             
@@ -51,7 +54,7 @@
     </div>
 </template>
 <script lang="ts" setup>
-import {ref,watch} from 'vue';
+import {onMounted, ref,watch} from 'vue';
 import planList from './components/planList.vue';
 import airLineList from './components/airLineList.vue';
 import aircraft from './components/aircraft.vue';
@@ -245,4 +248,26 @@ const extractKmz = async (kmzBlob)=>{
 }
 
 
+onMounted(()=>{
+
+    let element = window.document.getElementsByClassName("mars3d-locationbar")[0]  as HTMLElement;
+    element.style.bottom = '40px';
+
+})
 </script>
+
+<style scoped>
+.map-out-container{
+    width: 100%;
+    height: calc( 100vh - 80px);
+    overflow: hidden;
+}
+
+.map-inner-container{
+    width: calc( 100% + 80px);
+    height: calc( 100% + 80px);
+    position: relative;
+    top:-40px;
+    left:-40px;
+}
+</style>