机场位置

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

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div style="width: 100%; height: 100vh">
-      <Map :airRoute="airRoute" @flyToThere="flyToThere" />
+      <Map :airRoute="airRoute" @flyToThere="flyToThere" :airPort="airPort" />
     </div>
     <SelectComponent @selectChange="changeSelect" />
     <AirportInformation
@@ -54,7 +54,7 @@
   </div>
 </template>
 <script setup lang="ts">
-  import { onMounted, ref, onBeforeUnmount } from 'vue';
+  import { onMounted, ref, onBeforeUnmount, reactive } from 'vue';
   import {
     SelectComponent,
     AirportInformation,
@@ -88,6 +88,10 @@
     locationVal.value.lng = e._lng;
     EventBus.emit('obtainTheLocation', locationVal.value);
   };
+  const airPort = ref({
+    latitude: null,
+    longitude: null,
+  });
   onMounted(() => {
     destroyConnection();
     createConnection();
@@ -162,6 +166,10 @@
           topic: topic,
           message: rs,
         };
+        if (rs.data.latitude && rs.data.longitude) {
+          airPort.value.latitude = rs.data.latitude;
+          airPort.value.longitude = rs.data.longitude;
+        }
       }
     });
   };

src/views/demo/workmanagement/flightoperation/src/FlightControl.vue

@@ -152,6 +152,7 @@
       createMessage.success('当前有用户正在操作，请稍后再试');
       return;
     }
+    createMessage.info('正在获取飞行器控制权，请稍候');
     changeRedisUser(true);
     // 飞行控制权抢夺
     servicesTopic({
@@ -221,6 +222,7 @@
       return;
     }
     createSeizeConnection();
+    createMessage.info('正在进入飞行控制，请稍后');
     // 进入指令飞行控制模式
     const querys = {
       bid: buildGUID(),
@@ -266,6 +268,7 @@
     eventsTopicSubscribe();
   };
   const exitDRC = () => {
+    createMessage.info('正在退出飞行控制，请稍后');
     const querys = {
       bid: buildGUID(),
       data: {},