diff --git a/public/projecthome/project_location.png b/public/projecthome/project_location.png
new file mode 100644
index 0000000..23ed282
Binary files /dev/null and b/public/projecthome/project_location.png differ
diff --git a/public/projecthome/standby_airport.png b/public/projecthome/standby_airport.png
new file mode 100644
index 0000000..bb3b996
Binary files /dev/null and b/public/projecthome/standby_airport.png differ
diff --git a/public/projecthome/standby_airport_live.png b/public/projecthome/standby_airport_live.png
new file mode 100644
index 0000000..42b97be
Binary files /dev/null and b/public/projecthome/standby_airport_live.png differ
diff --git a/public/projecthome/work_airport.png b/public/projecthome/work_airport.png
new file mode 100644
index 0000000..8548744
Binary files /dev/null and b/public/projecthome/work_airport.png differ
diff --git a/public/projecthome/work_airport_live.png b/public/projecthome/work_airport_live.png
new file mode 100644
index 0000000..7964623
Binary files /dev/null and b/public/projecthome/work_airport_live.png differ
diff --git a/src/views/demo/jobarea/index.vue b/src/views/demo/jobarea/index.vue
new file mode 100644
index 0000000..1df2892
--- /dev/null
+++ b/src/views/demo/jobarea/index.vue
@@ -0,0 +1,322 @@
+<template>
+    <div class="pathModal">
+      <!-- 左侧目录 -->
+      <div
+        class="leftMenuDiv"
+        :style="{
+          width: leftMenuShow ? '340px' : '64px',
+        }"
+      >
+        <PathLeftMenu
+          ref="pathLeftMenuRef"
+          :leftMenuShow="leftMenuShow"
+          :allAreaDataList="allAreaDataList"
+          :nowShowAreaData="nowShowAreaData"
+          @changeLeftMenuShow="changeLeftMenuShow"
+          @handlerLocation="handlerLocation"
+          @changeAnnotationInfoShow="changeAnnotationInfoShow"
+          @setNowShowAnnotationData="setNowShowAnnotationData"
+          @setNowShowImageData="setNowShowImageData"
+          @setNowShowAreaData="setNowShowAreaData"
+          @setAllAnnotationData="setAllAnnotationData"
+          @setAllAreaData="setAllAreaData"
+          @deleteAnnotation="deleteAnnotation"
+          @deleteArea="deleteArea"
+        />
+      </div>
+      <!-- 地图 -->
+      <div class="mapDiv" :style="{ width: dynamicWidth }">
+        <PathMap
+          ref="pathMapRef"
+          :allAnnotationDataList="allAnnotationDataList"
+          :nowShowAnnotationData="nowShowAnnotationData"
+          :allAreaDataList="allAreaDataList"
+          :nowShowAreaData="nowShowAreaData"
+          :allImageDataList="allImageDataList"
+          :nowShowImageData="nowShowImageData"
+          @setNowShowAnnotationData="setNowShowAnnotationData"
+          @setNowShowImageData="setNowShowImageData"
+          @setNowShowAreaData="setNowShowAreaData"
+          @setAllAnnotationData="setAllAnnotationData"
+          @setAllAreaData="setAllAreaData"
+          @closePathImageInfo="closePathImageInfo"
+        />
+      </div>
+      <!-- 地图作业区域 -->
+      <div class="areaInfoDiv" v-if="areaInfoShow">
+        <PathAreaInfo
+          :allAreaDataList="allAreaDataList"
+          :nowShowAreaData="nowShowAreaData"
+          @setNowShowAreaData="setNowShowAreaData"
+          @closePathAreaInfo="closePathAreaInfo"
+          @handlerLocation="handlerLocation"
+          @deleteArea="deleteArea"
+        />
+      </div>
+    </div>
+  </template>
+  <script lang="ts" setup>
+    import { ref, computed, onMounted } from 'vue';
+    import { PathLeftMenu, PathMap, PathAreaInfo } from './path';
+    import { cloneDeep } from 'lodash-es';
+    import imageJson from './json/image.json';
+    import {
+      GetAnnotationList,
+      DeleteAnnotation,
+      GetWorkAreaList,
+      DeleteWorkArea,
+    } from '@/api/demo/mediaLibrary';
+    import { WktToGeojson, GeojsonToWkt } from '@/components/MapboxMaps/src/WktGeojsonTransform';
+    import { useMessage } from '@/hooks/web/useMessage';
+    const { createMessage, createConfirm } = useMessage();
+  
+    const props = defineProps(['pathRecord']);
+    // 地图宽度
+    const dynamicWidth = computed(() => {
+      let width = 0;
+      // 左侧目录
+      if (leftMenuShow.value) {
+        width += 340;
+      } else {
+        width += 64;
+      }
+      // 地图作业区域
+      if (areaInfoShow.value) {
+        width += 320;
+      }
+      return 'calc(100% - ' + width + 'px)';
+    });
+  
+    // 地图ref
+    const pathMapRef = ref();
+  
+    // 左侧目录是否显示----------------------------------------------------
+    const pathLeftMenuRef = ref();
+    const leftMenuShow = ref(true);
+    function changeLeftMenuShow() {
+      leftMenuShow.value = !leftMenuShow.value;
+    }
+  
+
+    function changeAnnotationInfoShow() {
+      
+    }
+    // 关闭右侧标注
+    function closePathAnnotationInfo() {
+      nowShowAnnotationData.value = {};
+      pathMapRef.value.annotationRestoreDefault();
+    }
+    // 当前展示的标注信息
+    const nowShowAnnotationData = ref();
+    const allAnnotationDataList: any = ref([]);
+    // 设置当前展示的标注信息
+    function setNowShowAnnotationData(value, restore = true) {
+
+      if (restore) {
+        pathMapRef.value.annotationRestoreDefault();
+      }
+      nowShowAnnotationData.value = value;
+    }
+    // 刷新区域信息
+    function setAllAnnotationData() {
+      // 查询地图工作区域
+      getAnnotationList();
+    }
+    // 查询地图标注
+    async function getAnnotationList(showThis = true) {
+      allAnnotationDataList.value = await GetAnnotationList({ workspaceid: 1 });
+      if (allAnnotationDataList.value.length > 0) {
+        allAnnotationDataList.value.forEach((annotation, index) => {
+          let geomjson = WktToGeojson(annotation.geom);
+          annotation = {
+            ...annotation,
+            properties: JSON.parse(annotation.properties),
+            geomtype: getGeomType(annotation),
+            coordinates: geomjson.coordinates,
+          };
+          allAnnotationDataList.value[index] = annotation;
+        });
+      }
+      if (showThis) {
+        setTimeout(() => {
+          pathLeftMenuRef.value.updateShowMenuInfoList('地图标注');
+        }, 50);
+      }
+    }
+  
+    // 删除标注
+    function deleteAnnotation(value) {
+      if (nowShowAnnotationData.value && nowShowAnnotationData.value.id == value.id) {
+        nowShowAnnotationData.value = {};
+      }
+      DeleteAnnotation({
+        id: value.id,
+      }).then((result) => {
+        if (result) {
+          // 刷新
+          getAnnotationList();
+          createMessage.success('删除成功');
+        }
+      });
+    }
+  
+    // 右侧区域信息是否显示----------------------------------------------------
+    const areaInfoShow = ref(false);
+    function changeAreaInfoShow() {
+      areaInfoShow.value = !areaInfoShow.value;
+    }
+    // 关闭右侧标注
+    function closePathAreaInfo() {
+      areaInfoShow.value = false;
+      nowShowAreaData.value = {};
+      pathMapRef.value.areaRestoreDefault();
+    }
+    // 当前展示的区域信息
+    const nowShowAreaData = ref();
+    const allAreaDataList: any = ref([]);
+    // 设置当前展示的区域信息
+    function setNowShowAreaData(value, restore = true) {
+      if (value.id) {
+        areaInfoShow.value = true;
+      } else {
+        areaInfoShow.value = false;
+      }
+      if (restore) {
+        pathMapRef.value.areaRestoreDefault();
+      }
+      nowShowAreaData.value = value;
+    }
+    // 刷新区域信息
+    function setAllAreaData() {
+      // 查询地图工作区域
+      getWorkAreaList();
+    }
+    // 查询地图工作区域
+    async function getWorkAreaList(showThis = true) {
+      allAreaDataList.value = await GetWorkAreaList({ workspaceid: 1 });
+      if (allAreaDataList.value.length > 0) {
+        allAreaDataList.value.forEach((area, index) => {
+          let geomjson = WktToGeojson(area.geom);
+          area = {
+            ...area,
+            properties: JSON.parse(area.properties),
+            geomtype: getGeomType(area),
+            coordinates: geomjson.coordinates,
+          };
+          allAreaDataList.value[index] = area;
+        });
+      }
+      if (showThis) {
+        setTimeout(() => {
+          pathLeftMenuRef.value.updateShowMenuInfoList('地图作业区域');
+        }, 50);
+      }
+    }
+  
+    // 删除区域
+    async function deleteArea(value) {
+      if (nowShowAreaData.value && nowShowAreaData.value.id == value.id) {
+        areaInfoShow.value = false;
+        nowShowAreaData.value = {};
+      }
+      DeleteWorkArea({
+        id: value.id,
+      }).then((result) => {
+        if (result) {
+          // 刷新
+          getWorkAreaList();
+          createMessage.success('删除成功');
+        }
+      });
+    }
+  
+    // 关闭右侧图片
+    function closePathImageInfo() {
+     
+    }
+    // 当前展示的图片
+    const nowShowImageData = ref();
+    const allImageDataList = ref(imageJson);
+  
+    // 设置当前展示的图片
+    function setNowShowImageData(value) {
+     
+      nowShowImageData.value = value;
+      pathMapRef.value.setNowShowImageByRight();
+    }
+  
+    // 其他方法-----------------------------------------------------------------
+  
+    // 移动位置
+    function handlerLocation(position) {
+      pathMapRef.value.handlerLocation([position.lng, position.lat]);
+    }
+  
+    // 获取WKT类型
+    function getGeomType(area) {
+      let geom = area.geom;
+      let radiusFlag = area.properties.indexOf('radius') > -1 ? true : false;
+      // 点
+      if (geom.indexOf('POINT') > -1 && !radiusFlag) {
+        return 'Point';
+      }
+      // 线
+      if (geom.indexOf('LINESTRING') > -1 && !radiusFlag) {
+        return 'Polyline';
+      }
+      // 多边形
+      if (geom.indexOf('POLYGON') > -1 && !radiusFlag) {
+        return 'Polygon';
+      }
+      // 圈
+      if (geom.indexOf('POLYGON') > -1 && radiusFlag) {
+        return 'Circle';
+      }
+    }
+  
+    onMounted(() => {
+      // 查询地图工作区域
+      getWorkAreaList(false);
+      getAnnotationList();
+    });
+  </script>
+  <style lang="less" scoped>
+    .pathModal {
+      position: relative;
+      display: flex;
+      width: 100%;
+      height: 100vh;
+  
+      .leftMenuDiv {
+        position: relative;
+        height: 100%;
+      }
+  
+      .mapDiv {
+        position: relative;
+        height: 100%;
+        // width: auto;
+      }
+  
+      .annotationInfoDiv {
+        position: relative;
+        height: 100%;
+        width: 320px;
+      }
+  
+      .areaInfoDiv {
+        position: relative;
+        height: 100%;
+        width: 320px;
+      }
+  
+      .imageInfoDiv {
+        position: relative;
+        height: 100%;
+        // width: 37%;
+        width: 720px;
+        // min-width: 720px;
+      }
+    }
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/demo/jobarea/json/image.json b/src/views/demo/jobarea/json/image.json
new file mode 100644
index 0000000..f5a3b23
--- /dev/null
+++ b/src/views/demo/jobarea/json/image.json
@@ -0,0 +1,1536 @@
+[
+    {
+      "id": 122012401,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "c353f956-fdd9-40de-bed0-5f137eff527a",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611162928_0001_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 5021696,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:29:28Z",
+      "update_at": "2025-06-26T06:14:54.738619Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": true,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162928_0001_V.jpeg?auth_key=1750905499-0-0-869a8a252265d99c75f692eea055d64b",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162928_0001_V.jpeg?auth_key=1750905499-0-0-110214f4054da377831ae365e28ab41e",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -91.4,
+      "gimbal_roll": 0,
+      "flight_yaw": -92.6,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 73.4,
+        "lat": 35.1342553,
+        "lng": 118.2958779,
+        "rel_alt": -8.301
+      },
+      "shoot_position": {
+        "abs_alt": 195.377,
+        "lat": 35.13425492,
+        "lng": 118.295876272,
+        "rel_alt": 113.806
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": true,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122012621,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "aa2379a8-28bc-4ec3-8c4e-26ec3a970d92",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611162930_0003_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 5038080,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:29:30Z",
+      "update_at": "2025-06-11T08:33:20.327581Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162930_0003_V.jpeg?auth_key=1750905493-0-0-b3b4cef1a9a5be4acc0f668417f2b1a4",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162930_0003_V.jpeg?auth_key=1750905493-0-0-268029bc242c6e20bc0ec59d4b9665ca",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -91.2,
+      "gimbal_roll": 0,
+      "flight_yaw": -91.8,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 73.4,
+        "lat": 35.1342538,
+        "lng": 118.2958216,
+        "rel_alt": -8.301
+      },
+      "shoot_position": {
+        "abs_alt": 195.405,
+        "lat": 35.134253491,
+        "lng": 118.295810666,
+        "rel_alt": 113.836
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122012656,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "7be69e50-4244-4042-adba-90d7db523383",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611162932_0004_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 5046272,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:29:32Z",
+      "update_at": "2025-06-11T08:33:23.885339Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162932_0004_V.jpeg?auth_key=1750905493-0-0-0216e06d9052d25bc65dc7851ed56dd5",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162932_0004_V.jpeg?auth_key=1750905493-0-0-e8747f1c03b2b1998dd0aae17bbbe480",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -90.1,
+      "gimbal_roll": 0,
+      "flight_yaw": -90.9,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 74.4,
+        "lat": 35.1342517,
+        "lng": 118.2956629,
+        "rel_alt": -7.301
+      },
+      "shoot_position": {
+        "abs_alt": 195.367,
+        "lat": 35.134251337,
+        "lng": 118.295647736,
+        "rel_alt": 113.793
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122012698,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "de094db8-7d99-4a9b-b2a0-ea7a81ef9494",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611162934_0005_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 4870144,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:29:34Z",
+      "update_at": "2025-06-26T02:38:29.097267Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": true,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162934_0005_V.jpeg?auth_key=1750905493-0-0-cae300fe2ece807224da980fc3d8f5d3",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162934_0005_V.jpeg?auth_key=1750905493-0-0-2ca9650e5b3d9a28f7bd119a8ac540a9",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -89.6,
+      "gimbal_roll": 0,
+      "flight_yaw": -91.1,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 73.8,
+        "lat": 35.134248,
+        "lng": 118.2954259,
+        "rel_alt": -7.901
+      },
+      "shoot_position": {
+        "abs_alt": 195.35,
+        "lat": 35.134247743,
+        "lng": 118.295410002,
+        "rel_alt": 113.768
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": true,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122012733,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "ce8d2c9c-151a-455d-b679-91bea1e97a3c",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611162935_0006_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 4681728,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:29:35Z",
+      "update_at": "2025-06-11T08:33:35.066599Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162935_0006_V.jpeg?auth_key=1750905493-0-0-469a47e448407882217165f5d88e4df6",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162935_0006_V.jpeg?auth_key=1750905493-0-0-19a899eeb1bcbf53307e49c56ee6c91c",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -89.5,
+      "gimbal_roll": 0,
+      "flight_yaw": -91.2,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 74.1,
+        "lat": 35.1342441,
+        "lng": 118.2951347,
+        "rel_alt": -7.601
+      },
+      "shoot_position": {
+        "abs_alt": 195.362,
+        "lat": 35.134243747,
+        "lng": 118.295122058,
+        "rel_alt": 113.766
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122012773,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "e6a4a987-548c-46c2-9b75-39d01e3a33b0",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611162937_0007_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 4829184,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:29:37Z",
+      "update_at": "2025-06-11T08:33:38.453909Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162937_0007_V.jpeg?auth_key=1750905493-0-0-93106630927f545e9e4264186463b515",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162937_0007_V.jpeg?auth_key=1750905493-0-0-6967995acaf24cc0a4fe25f9189c789e",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -89.3,
+      "gimbal_roll": 0,
+      "flight_yaw": -91.1,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 74.7,
+        "lat": 35.1342392,
+        "lng": 118.2948222,
+        "rel_alt": -7.001
+      },
+      "shoot_position": {
+        "abs_alt": 195.389,
+        "lat": 35.134238968,
+        "lng": 118.294807149,
+        "rel_alt": 113.797
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122012814,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "5691321e-ee48-48cb-8844-89aef685da87",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611162939_0008_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 4997120,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:29:39Z",
+      "update_at": "2025-06-11T08:33:41.783306Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162939_0008_V.jpeg?auth_key=1750905493-0-0-adab1560e72ab6caadb5b9698ac06ee5",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162939_0008_V.jpeg?auth_key=1750905493-0-0-d9e5a9e3c01a8fb52298a2e491fd4048",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -89.2,
+      "gimbal_roll": 0,
+      "flight_yaw": -91,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 84.7,
+        "lat": 35.1342357,
+        "lng": 118.2945266,
+        "rel_alt": 2.999
+      },
+      "shoot_position": {
+        "abs_alt": 195.389,
+        "lat": 35.134235315,
+        "lng": 118.294507773,
+        "rel_alt": 113.787
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122012849,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "7a0d6481-2473-41ff-8cbe-46755c46d1eb",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611162941_0009_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 5312512,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:29:41Z",
+      "update_at": "2025-06-11T08:33:47.708773Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162941_0009_V.jpeg?auth_key=1750905493-0-0-7180d65ccea9fd67510c6afaaa427616",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162941_0009_V.jpeg?auth_key=1750905493-0-0-2ce5595abc8d487621f970737e671a30",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -89.2,
+      "gimbal_roll": 0,
+      "flight_yaw": -90.6,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 71.5,
+        "lat": 35.1342319,
+        "lng": 118.2942285,
+        "rel_alt": -10.201
+      },
+      "shoot_position": {
+        "abs_alt": 195.371,
+        "lat": 35.134231538,
+        "lng": 118.294200363,
+        "rel_alt": 113.778
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122012887,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "3c9b7951-5786-4bf8-b452-12a720a92a98",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611162943_0010_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 5201920,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:29:43Z",
+      "update_at": "2025-06-11T08:33:53.178441Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162943_0010_V.jpeg?auth_key=1750905493-0-0-861bd5206458f11f684cc9a818df5017",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162943_0010_V.jpeg?auth_key=1750905493-0-0-ced1189f87d99a3bd7a35bfacb8cd3c7",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -89.2,
+      "gimbal_roll": 0,
+      "flight_yaw": -91.3,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 84.6,
+        "lat": 35.1342261,
+        "lng": 118.2939182,
+        "rel_alt": 2.899
+      },
+      "shoot_position": {
+        "abs_alt": 195.377,
+        "lat": 35.134225549,
+        "lng": 118.293890882,
+        "rel_alt": 113.789
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122012931,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "8df9bdec-0829-452a-a131-61c5d9a03ef8",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611162945_0011_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 4542464,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:29:45Z",
+      "update_at": "2025-06-11T08:33:55.013342Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162945_0011_V.jpeg?auth_key=1750905493-0-0-c66fd2f94c898580ab4f254e9da83c0f",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162945_0011_V.jpeg?auth_key=1750905493-0-0-ed4f1e710c5321257dae2c80dd8a0909",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -89.1,
+      "gimbal_roll": 0,
+      "flight_yaw": -91,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 71,
+        "lat": 35.1342221,
+        "lng": 118.2936052,
+        "rel_alt": -10.701
+      },
+      "shoot_position": {
+        "abs_alt": 195.378,
+        "lat": 35.134221736,
+        "lng": 118.29358657,
+        "rel_alt": 113.771
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122012957,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "0e451ee8-d4e5-451b-8f9b-85a0e3399e8d",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611162947_0012_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 3588096,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:29:47Z",
+      "update_at": "2025-06-11T08:33:58.018661Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162947_0012_V.jpeg?auth_key=1750905493-0-0-0a9eb4f547edf86f00ddc15be9678ae9",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162947_0012_V.jpeg?auth_key=1750905493-0-0-72f4e81085d6440daed8ae9923f30d02",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -89,
+      "gimbal_roll": 0,
+      "flight_yaw": -90.9,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 69.6,
+        "lat": 35.1342179,
+        "lng": 118.2932927,
+        "rel_alt": -12.101
+      },
+      "shoot_position": {
+        "abs_alt": 195.404,
+        "lat": 35.134217506,
+        "lng": 118.293274018,
+        "rel_alt": 113.811
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122012981,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "85b67c12-c574-480b-bf25-220f6b48af49",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611162949_0013_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 2383872,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:29:49Z",
+      "update_at": "2025-06-11T08:33:59.886481Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162949_0013_V.jpeg?auth_key=1750905493-0-0-b7e043c118093b5c087d938f9fc3cf0f",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162949_0013_V.jpeg?auth_key=1750905493-0-0-11429139cc107965bffa1f65fe63619a",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -89,
+      "gimbal_roll": 0,
+      "flight_yaw": -91.1,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 69.6,
+        "lat": 35.1342128,
+        "lng": 118.29298,
+        "rel_alt": -12.101
+      },
+      "shoot_position": {
+        "abs_alt": 195.385,
+        "lat": 35.134212539,
+        "lng": 118.292969191,
+        "rel_alt": 113.788
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122013002,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "0216189b-3d57-439c-824b-6e9a8454c749",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611162950_0014_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 1884160,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:29:50Z",
+      "update_at": "2025-06-11T08:34:01.988331Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162950_0014_V.jpeg?auth_key=1750905493-0-0-66304cec3d1310c64c0a8987dd27adf4",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162950_0014_V.jpeg?auth_key=1750905493-0-0-91f2c7ade18698d1b53703713e1ac4a8",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -89,
+      "gimbal_roll": 0,
+      "flight_yaw": -91,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 69.6,
+        "lat": 35.1342089,
+        "lng": 118.2926838,
+        "rel_alt": -12.101
+      },
+      "shoot_position": {
+        "abs_alt": 195.39,
+        "lat": 35.13420841,
+        "lng": 118.292660484,
+        "rel_alt": 113.794
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122013020,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "19fe1320-ccf4-418d-ac91-284cf4a04969",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611162952_0015_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 1794048,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:29:52Z",
+      "update_at": "2025-06-11T08:34:02.894647Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162952_0015_V.jpeg?auth_key=1750905493-0-0-c1737702deb57da603ae102be7e662a1",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162952_0015_V.jpeg?auth_key=1750905493-0-0-6c7b15d6b3621e5d07dec385e3f6942d",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -89,
+      "gimbal_roll": 0,
+      "flight_yaw": -90.9,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 69.5,
+        "lat": 35.1342047,
+        "lng": 118.2923698,
+        "rel_alt": -12.201
+      },
+      "shoot_position": {
+        "abs_alt": 195.396,
+        "lat": 35.134204382,
+        "lng": 118.292351651,
+        "rel_alt": 113.799
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122013045,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "4c23d3bf-4ac0-4d36-87d3-4995790e4a2e",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611162954_0016_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 1802240,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:29:54Z",
+      "update_at": "2025-06-11T08:34:04.642706Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162954_0016_V.jpeg?auth_key=1750905493-0-0-94a210b8c561a688d57a3cf0ebe820b9",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162954_0016_V.jpeg?auth_key=1750905493-0-0-b8b63cbfbd36eec55723d3d8143d199d",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -89,
+      "gimbal_roll": 0,
+      "flight_yaw": -91,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 69.5,
+        "lat": 35.1342005,
+        "lng": 118.2920591,
+        "rel_alt": -12.201
+      },
+      "shoot_position": {
+        "abs_alt": 195.41,
+        "lat": 35.134200205,
+        "lng": 118.292043061,
+        "rel_alt": 113.809
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122013070,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "350809a8-0f6f-40af-9cd9-91b8e2c20f13",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611162956_0017_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 1859584,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:29:56Z",
+      "update_at": "2025-06-11T08:34:08.718404Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162956_0017_V.jpeg?auth_key=1750905493-0-0-fb4635e529501e9ae7372b4fb448da21",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162956_0017_V.jpeg?auth_key=1750905493-0-0-f799533ed73c99f8dfc131fc4d200230",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -89,
+      "gimbal_roll": 0,
+      "flight_yaw": -90.9,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 69.5,
+        "lat": 35.1341959,
+        "lng": 118.291746,
+        "rel_alt": -12.201
+      },
+      "shoot_position": {
+        "abs_alt": 195.403,
+        "lat": 35.1341957,
+        "lng": 118.291735812,
+        "rel_alt": 113.807
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122013110,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "ad55403c-2bd6-4467-ab6e-52c5a195a4ac",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611162958_0018_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 1900544,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:29:58Z",
+      "update_at": "2025-06-11T08:34:09.430249Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162958_0018_V.jpeg?auth_key=1750905493-0-0-26be5915ea12dc92f0b1293c795723dc",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611162958_0018_V.jpeg?auth_key=1750905493-0-0-b28699d99467a16c2761d8feec7c4e90",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -89,
+      "gimbal_roll": 0,
+      "flight_yaw": -90.9,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 69.5,
+        "lat": 35.1341913,
+        "lng": 118.2914346,
+        "rel_alt": -12.201
+      },
+      "shoot_position": {
+        "abs_alt": 195.393,
+        "lat": 35.134191046,
+        "lng": 118.291421412,
+        "rel_alt": 113.804
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122013185,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "456c3711-f9e9-47ee-8735-27ee4954bd71",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611163000_0019_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 2019328,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:30:00Z",
+      "update_at": "2025-06-11T08:34:13.652965Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163000_0019_V.jpeg?auth_key=1750905493-0-0-695cab003f205e502156c7ac5a5b08de",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163000_0019_V.jpeg?auth_key=1750905493-0-0-141668209e630987ec03eb5affd64928",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -89.1,
+      "gimbal_roll": 0,
+      "flight_yaw": -91,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 69.6,
+        "lat": 35.1341868,
+        "lng": 118.2911363,
+        "rel_alt": -12.101
+      },
+      "shoot_position": {
+        "abs_alt": 195.378,
+        "lat": 35.134186625,
+        "lng": 118.291118609,
+        "rel_alt": 113.784
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122013211,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "cb60b273-194b-41db-81bb-8f3190e279df",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611163002_0020_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 2093056,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:30:02Z",
+      "update_at": "2025-06-11T08:34:16.0002Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163002_0020_V.jpeg?auth_key=1750905493-0-0-d7e1b1770906ca5a3018b19802ee476e",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163002_0020_V.jpeg?auth_key=1750905493-0-0-095546ee06442449bbca69fc82980708",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -89.1,
+      "gimbal_roll": 0,
+      "flight_yaw": -90.6,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 69.5,
+        "lat": 35.1341827,
+        "lng": 118.2908415,
+        "rel_alt": -12.201
+      },
+      "shoot_position": {
+        "abs_alt": 195.377,
+        "lat": 35.13418244,
+        "lng": 118.290813069,
+        "rel_alt": 113.789
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122013233,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "f0aeb573-3df4-487c-829a-a5ecf141500d",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611163004_0021_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 2105344,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:30:04Z",
+      "update_at": "2025-06-11T08:34:17.502801Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163004_0021_V.jpeg?auth_key=1750905493-0-0-037d01a191c253deb0b917cebac7e76f",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163004_0021_V.jpeg?auth_key=1750905493-0-0-6f0134d36ab0820fa5d7db558b3d2215",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -89.1,
+      "gimbal_roll": 0,
+      "flight_yaw": -91.3,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 69.5,
+        "lat": 35.1341783,
+        "lng": 118.2905372,
+        "rel_alt": -12.201
+      },
+      "shoot_position": {
+        "abs_alt": 195.419,
+        "lat": 35.134177922,
+        "lng": 118.290518187,
+        "rel_alt": 113.791
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122013256,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "c0197814-e8d9-4963-a120-71875d63b392",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611163005_0022_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 1945600,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:30:05Z",
+      "update_at": "2025-06-11T08:34:19.968546Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163005_0022_V.jpeg?auth_key=1750905493-0-0-a30f758fb8fff538ab611c57db3f2c2f",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163005_0022_V.jpeg?auth_key=1750905493-0-0-a4948a04972459d10916463730eea266",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -88.8,
+      "gimbal_roll": 0,
+      "flight_yaw": -91.3,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 69.4,
+        "lat": 35.1341749,
+        "lng": 118.2902964,
+        "rel_alt": -12.301
+      },
+      "shoot_position": {
+        "abs_alt": 195.412,
+        "lat": 35.134174762,
+        "lng": 118.290288874,
+        "rel_alt": 113.804
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122013275,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "3e169b21-3ad1-484c-a424-fdf9ceb82261",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611163007_0023_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 1929216,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:30:07Z",
+      "update_at": "2025-06-26T03:28:05.326328Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": true,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163007_0023_V.jpeg?auth_key=1750905493-0-0-185c09372a3b164846ff81f4f01b61af",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163007_0023_V.jpeg?auth_key=1750905493-0-0-1d5fb91798e5ab44b4ca5cf0a36a15c8",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -88.4,
+      "gimbal_roll": 0,
+      "flight_yaw": -87.5,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 69.4,
+        "lat": 35.1341765,
+        "lng": 118.2901676,
+        "rel_alt": -12.301
+      },
+      "shoot_position": {
+        "abs_alt": 195.463,
+        "lat": 35.134177675,
+        "lng": 118.290159635,
+        "rel_alt": 113.812
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": true,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122013299,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "c2bdf241-c936-4ff8-bcb6-a3b71932c6d8",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611163009_0024_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 2158592,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:30:09Z",
+      "update_at": "2025-06-11T08:34:26.573701Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163009_0024_V.jpeg?auth_key=1750905493-0-0-e15a22ba941b49dac0546ef1e6256000",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163009_0024_V.jpeg?auth_key=1750905493-0-0-12e706839d929d6498973679c72d596e",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": -27,
+      "gimbal_roll": 0,
+      "flight_yaw": -18.4,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 69.5,
+        "lat": 35.1342214,
+        "lng": 118.2901429,
+        "rel_alt": -12.201
+      },
+      "shoot_position": {
+        "abs_alt": 195.362,
+        "lat": 35.134225814,
+        "lng": 118.290142765,
+        "rel_alt": 113.791
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122013319,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "2edd92d5-dd26-4216-973a-2c66d8f8a383",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611163011_0025_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 2080768,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:30:11Z",
+      "update_at": "2025-06-11T08:34:26.911961Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163011_0025_V.jpeg?auth_key=1750905493-0-0-f6f626674f94243614080702794a9668",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163011_0025_V.jpeg?auth_key=1750905493-0-0-2dc79327303491d6db09e196ab5052d5",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": 7.4,
+      "gimbal_roll": 0,
+      "flight_yaw": 7.5,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 69.4,
+        "lat": 35.134353,
+        "lng": 118.2901677,
+        "rel_alt": -12.301
+      },
+      "shoot_position": {
+        "abs_alt": 195.418,
+        "lat": 35.134364545,
+        "lng": 118.290169607,
+        "rel_alt": 113.818
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122013336,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "999aa175-3091-4141-a5e0-e1db03c7dd66",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611163013_0026_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 2039808,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:30:13Z",
+      "update_at": "2025-06-11T08:34:27.42848Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163013_0026_V.jpeg?auth_key=1750905493-0-0-7ad67fe56cd6b9e18fccbd8848f7d7f1",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163013_0026_V.jpeg?auth_key=1750905493-0-0-0f963283220a4176e7fc5f4d61cccd52",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": 9.3,
+      "gimbal_roll": 0,
+      "flight_yaw": 8.5,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 69.6,
+        "lat": 35.1345254,
+        "lng": 118.2901996,
+        "rel_alt": -12.101
+      },
+      "shoot_position": {
+        "abs_alt": 195.373,
+        "lat": 35.134533897,
+        "lng": 118.290200825,
+        "rel_alt": 113.759
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    },
+    {
+      "id": 122013361,
+      "p_infos": {
+        "pid": 122009934,
+        "p_uuid": "00000000-0000-0000-0000-000000000000",
+        "p_name": "",
+        "p_file_type": 0,
+        "p_sub_file_type": 0
+      },
+      "uuid": "1826db37-1a7c-4277-969f-0de743e12892",
+      "file_type": 2,
+      "sub_file_type": 2,
+      "name": "DJI_20250611163015_0027_V",
+      "mod": 7,
+      "suffix": ".jpeg",
+      "size": 2056192,
+      "payload_model_key": "1-99-0",
+      "display_status": 0,
+      "drone_model_key": "0-100-0",
+      "has_child": false,
+      "has_position": true,
+      "create_at": "2025-06-11T08:30:15Z",
+      "update_at": "2025-06-11T08:34:29.897719Z",
+      "percent": 0,
+      "zip_state": 0,
+      "show_on_map": false,
+      "preview_url": "https://file-storage.djicdn.com/thumbnail/v1/w200_h200/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163015_0027_V.jpeg?auth_key=1750905493-0-0-d5ca93cc32a9d3f1fca4337e13a47ba8",
+      "original_url": "https://file-storage.djicdn.com/2fede4ec-458b-4f8e-bfad-6e0cdbc85674/f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_202506111618_002_f4622cba-d536-4c6e-a607-65a09018b3e2/DJI_20250611163015_0027_V.jpeg?auth_key=1750905493-0-0-a9a96d90a065ac07b631a0069d69a0b7",
+      "gimbal_pitch": -90,
+      "gimbal_yaw": 10.3,
+      "gimbal_roll": 0,
+      "flight_yaw": 13.2,
+      "focal_length": 6.72,
+      "wayline_action_uuid": "",
+      "color_map": "",
+      "photo_position": {
+        "abs_alt": 69.5,
+        "lat": 35.1346412,
+        "lng": 118.2902279,
+        "rel_alt": -12.201
+      },
+      "shoot_position": {
+        "abs_alt": 195.415,
+        "lat": 35.134649241,
+        "lng": 118.290230397,
+        "rel_alt": 113.777
+      },
+      "media_process_state": 0,
+      "webp_url": "",
+      "file_tags": ["123"],
+      "wayline_info": {
+        "wayline_template_types": null,
+        "smart_oblique_on": false,
+        "origin_wayline_uuid": "ff557d85-0a90-4efb-b999-fd8af0e9e0b1"
+      },
+      "share_state": 0,
+      "is_displayed": false,
+      "ai_video_process_status": 0
+    }
+  ]
\ No newline at end of file
diff --git a/src/views/demo/jobarea/path.ts b/src/views/demo/jobarea/path.ts
new file mode 100644
index 0000000..1632523
--- /dev/null
+++ b/src/views/demo/jobarea/path.ts
@@ -0,0 +1,3 @@
+export { default as PathLeftMenu } from './pathLeftMenu.vue';
+export { default as PathMap } from './pathMap.vue';
+export { default as PathAreaInfo } from './pathAreaInfo.vue';
diff --git a/src/views/demo/jobarea/pathAreaInfo.vue b/src/views/demo/jobarea/pathAreaInfo.vue
new file mode 100644
index 0000000..64cc79a
--- /dev/null
+++ b/src/views/demo/jobarea/pathAreaInfo.vue
@@ -0,0 +1,374 @@
+<template>
+  <div class="areaInfo">
+    <a-row>
+      <a-col :span="24">
+        <div class="annotationTitle"> 自定义飞行区 </div>
+      </a-col>
+      <a-col :span="24">
+        <div class="annotationTitle">
+          <!-- 自定义禁降区 -->
+          <div
+            v-if="props.nowShowAreaData.type == 'noland'"
+            :style="{
+              width: '15px',
+              height: '15px',
+              outline: `2px solid #FF9900`,
+              'margin-left': '2px',
+              'margin-right': '12px',
+            }"
+          />
+          <!-- 自定义作业区 -->
+          <div
+            v-if="props.nowShowAreaData.type == 'dfence'"
+            :style="{
+              width: '13px',
+              height: '13px',
+              outline: `2px solid #00FF00`,
+              'margin-left': '2px',
+              'margin-right': '12px',
+              'border-radius': props.nowShowAreaData.geomtype == 'Circle' ? '6.5px' : '0px',
+            }"
+          />
+          <!-- 自定义限飞区 -->
+          <div
+            v-if="props.nowShowAreaData.type == 'nfz'"
+            :style="{
+              width: '13px',
+              height: '13px',
+              outline: `2px solid #FF0000`,
+              background: `#FF000055`,
+              'margin-left': '2px',
+              'margin-right': '12px',
+              'border-radius': props.nowShowAreaData.geomtype == 'Circle' ? '6.5px' : '0px',
+            }"
+          />
+          <a-input v-model:value="nowAreaData.name" style="width: 65%" size="small"></a-input>
+          <div class="annotationTitleButton" @click="handlerLocation">
+            <AimOutlined />
+          </div>
+          <div class="annotationTitleButton" @click="deleteArea">
+            <DeleteOutlined />
+          </div>
+        </div>
+      </a-col>
+      <a-col :span="24">
+        <div class="annotationPrompt" v-if="props.nowShowAreaData.type == 'noland'">
+          自定义作业区绘制后，飞行器只能在该区域内飞行
+        </div>
+        <div class="annotationPrompt" v-if="props.nowShowAreaData.type == 'dfence'">
+          自定义禁降区绘制后，飞行器不能在绘制区域内自动降落
+        </div>
+        <div class="annotationPrompt" v-if="props.nowShowAreaData.type == 'nfz'">
+          自定义作业区绘制后，飞行器只能在该区域内飞行
+        </div>
+      </a-col>
+      <a-col :span="24">
+        <div class="annotationTitle"> 更多信息 </div>
+      </a-col>
+      <!-- 启用状态 -->
+      <a-col :span="6">
+        <div class="annotationTitle">启用状态</div>
+      </a-col>
+      <a-col :span="18">
+        <div class="annotationContent">
+          {{ props.nowShowAreaData.state == 0 ? '已启用' : '已禁用' }}
+        </div>
+      </a-col>
+      <!-- 水平周长 -->
+      <a-col :span="6">
+        <div class="annotationTitle">水平周长</div>
+      </a-col>
+      <a-col :span="18">
+        <div class="annotationContent"> {{ length.toFixed(2) }}m</div>
+      </a-col>
+      <!-- 水平面积 -->
+      <a-col :span="6">
+        <div class="annotationTitle">水平面积</div>
+      </a-col>
+      <a-col :span="18">
+        <div class="annotationContent"> {{ area.toFixed(2) }}㎡</div>
+      </a-col>
+      <!-- 半径 -->
+      <a-col :span="6" v-if="props.nowShowAreaData.geomtype == 'Circle'">
+        <div class="annotationTitle">半径</div>
+      </a-col>
+      <a-col :span="18" v-if="props.nowShowAreaData.geomtype == 'Circle'">
+        <div class="annotationContent">
+          <a-input v-model:value="nowAreaData.properties.radius" style="width: 100%" size="small">
+            <template #addonAfter> <span style="color: white">m</span> </template>
+          </a-input>
+        </div>
+      </a-col>
+      <!-- 绘制者 -->
+      <a-col :span="6">
+        <div class="annotationTitle">绘制者</div>
+      </a-col>
+      <a-col :span="18">
+        <div class="annotationContent"> {{ props.nowShowAreaData.createdUser }}</div>
+      </a-col>
+      <a-col :span="24">
+        <div class="area_buttons">
+          <div class="cancelDiv" @click="closePathAreaInfo">取消</div>
+          <div class="startDiv" :class="{ disabled: props.nowShowAreaData }">确认</div>
+        </div>
+      </a-col>
+    </a-row>
+  </div>
+</template>
+<script lang="ts" setup>
+  import { ref, watch, nextTick } from 'vue';
+  import * as mars3d from 'mars3d';
+  import * as Cesium from 'mars3d-cesium';
+  import {
+    CloseOutlined,
+    DeleteOutlined,
+    CheckOutlined,
+    AimOutlined,
+    AlignLeftOutlined,
+    InfoCircleOutlined,
+    AntDesignOutlined,
+    ExpandAltOutlined,
+    BorderOutlined,
+    LogoutOutlined,
+    MinusOutlined,
+    PlusOutlined,
+  } from '@ant-design/icons-vue';
+  import {
+    GetWorkAreaList,
+    AddWorkArea,
+    UpdateWorkArea,
+    DeleteWorkArea,
+  } from '@/api/demo/mediaLibrary';
+  import { cloneDeep } from 'lodash-es';
+  import { useMessage } from '@/hooks/web/useMessage';
+  const { createMessage, createConfirm } = useMessage();
+
+  const props = defineProps(['allAreaDataList', 'nowShowAreaData']);
+  console.log('nowShowAreaData',props.nowShowAreaData)
+  const emits = defineEmits([
+    'setNowShowAreaData',
+    'closePathAreaInfo',
+    'handlerLocation',
+    'deleteArea',
+  ]);
+  const nowAreaData: any = ref(props.nowShowAreaData);
+
+  // 关闭
+  function closePathAreaInfo() {
+    emits('closePathAreaInfo');
+  }
+  // 移动到中心位置
+  function handlerLocation() {
+    emits('handlerLocation', {
+      lng: props.nowShowAreaData.properties.centerPoint[0],
+      lat: props.nowShowAreaData.properties.centerPoint[1],
+    });
+  }
+  // 删除此区域
+  function deleteArea() {
+    createConfirm({
+      iconType: 'info',
+      title: '提示',
+      content: '将会影响到项目内设备的作业范围，是否删除该区域？',
+      onOk: async () => {
+        emits('deleteArea', props.nowShowAreaData);
+      },
+    });
+  }
+
+  // 水平周长和水平面积
+  const length: any = ref();
+  const area: any = ref();
+
+  watch(
+    () => nowAreaData.value,
+    () => {
+      emits('setNowShowAreaData', nowAreaData.value, false);
+    },
+    {
+      deep: true,
+    },
+  );
+  watch(
+    () => props.nowShowAreaData,
+    () => {
+      nowAreaData.value = props.nowShowAreaData;
+      if (props.nowShowAreaData.geomtype == 'Polygon') {
+        // 水平距离
+        length.value = mars3d.MeasureUtil.getDistance(nowAreaData.value.coordinates[0]);
+        // 水平面积
+        area.value = mars3d.MeasureUtil.getArea(nowAreaData.value.coordinates[0]);
+      }
+      if (props.nowShowAreaData.geomtype == 'Circle') {
+        // 水平距离
+        length.value = 2 * Math.PI * parseFloat(nowAreaData.value.properties.radius);
+        // 水平面积
+        area.value =
+          Math.PI *
+          parseFloat(nowAreaData.value.properties.radius) *
+          parseFloat(nowAreaData.value.properties.radius);
+      }
+    },
+    {
+      deep: true,
+      immediate: true,
+    },
+  );
+</script>
+<style lang="less" scoped>
+  .areaInfo {
+    // 页面不能被选中
+    -webkit-user-select: none; /* Safari */
+    -moz-user-select: none; /* Firefox */
+    -ms-user-select: none; /* IE/Edge */
+    user-select: none;
+
+    position: relative;
+    width: 100%;
+    height: 100%;
+    background: #232323;
+    padding: 15px;
+  }
+
+  .annotationTitle {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    color: #ffffff;
+    font-size: 14px;
+    min-height: 45px;
+    height: auto;
+    width: 100%;
+    flex-wrap: wrap;
+
+    .annotationTitleButton_right {
+      height: 20px;
+      width: 20px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-right: 12px;
+      font-size: 18px;
+    }
+    .annotationTitleButton {
+      height: 20px;
+      width: 20px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-left: 12px;
+      font-size: 18px;
+    }
+  }
+
+  .annotationContent {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    min-height: 45px;
+    height: auto;
+    width: 100%;
+    flex-wrap: wrap;
+    color: #ffffff;
+  }
+
+  .annotationButton {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    min-height: 45px;
+    height: auto;
+    width: 100%;
+    flex-wrap: wrap;
+  }
+
+  .annotationPrompt {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    min-height: 45px;
+    height: auto;
+    width: 100%;
+    flex-wrap: wrap;
+    color: #ffffff55;
+  }
+
+  .button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 35px;
+    height: 35px;
+    background: #3c3c3c;
+    border-radius: 2px;
+
+    &:hover {
+      background: #5d5f61;
+    }
+  }
+
+  .button.disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+    background-color: #ccc;
+  }
+
+  .numDiv {
+    width: calc(80% - 70px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .numSpan {
+      color: #2d8cf0;
+      font-size: 26px;
+      font-weight: bold;
+
+      &:hover {
+        text-decoration: underline;
+        text-decoration-color: #2d8cf0;
+      }
+    }
+  }
+
+  // 取消和开始检测按钮
+  .area_buttons {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-top: 1px solid #ffffff55;
+    width: 100%;
+    height: 68px;
+    gap: 20px;
+
+    .cancelDiv {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: #3c3c3c;
+      color: #ffffff;
+      width: 40%;
+      height: 32px;
+      border-radius: 5px;
+
+      &:hover {
+        background: #5d5f61;
+      }
+    }
+
+    .startDiv {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: #0960bd;
+      color: #ffffff;
+      width: 40%;
+      height: 32px;
+      border-radius: 5px;
+
+      &:hover {
+        background: #2a7dc9;
+      }
+    }
+  }
+</style>
diff --git a/src/views/demo/jobarea/pathLeftMenu.vue b/src/views/demo/jobarea/pathLeftMenu.vue
new file mode 100644
index 0000000..df07d4a
--- /dev/null
+++ b/src/views/demo/jobarea/pathLeftMenu.vue
@@ -0,0 +1,592 @@
+<template>
+  <div class="leftMenu">
+    <div class="leftMenuContent">
+      <div class="leftMenuContent_2" v-if="leftMenuShow">
+        <div class="leftMenuContent_title">
+          {{ showMenuInfoName }}
+        </div>
+        <div class="leftMenuContent_list">
+          <!-- 地图作业区域 -->
+          <div v-if="showMenuInfoName == '地图作业区域'" style="margin: 10px">
+            <a-select
+              v-model:value="areatype"
+              style="width: 120px; margin-right: 15px"
+              @change="handleChangeAreaSelect"
+            >
+              <a-select-option value="all">全部类型</a-select-option>
+              <a-select-option value="dfence">全部作业区</a-select-option>
+              <a-select-option value="nfz">全部限飞区</a-select-option>
+              <a-select-option value="noland">全部禁降区</a-select-option>
+            </a-select>
+            <a-select
+              v-model:value="areastate"
+              style="width: 120px"
+              @change="handleChangeAreaSelect"
+            >
+              <a-select-option value="all">全部状态</a-select-option>
+              <a-select-option value="0">已启用</a-select-option>
+              <a-select-option value="1">已禁用</a-select-option>
+            </a-select>
+          </div>
+          <!-- 列表 -->
+          <div v-for="show in showMenuInfoList" :key="show.id">
+            <!-- 地图作业区域 -->
+            <div
+              class="showMenuInfo_area"
+              :style="{
+                outline:
+                  props.nowShowAreaData && props.nowShowAreaData.id == show.id
+                    ? '2px solid #2D8CF0'
+                    : '',
+                background: props.nowShowAreaData && show.state == 0 ? '#3c3c3c' : '#3c3c3c55',
+              }"
+            >
+              <a-tooltip placement="right">
+                <template #title> {{ show.name }} </template>
+                <div
+                  class="name"
+                  @click="setNowShowAreaData(show)"
+                  :style="{
+                    color: show.state == 0 ? '#ffffff' : '#ffffff55',
+                  }"
+                >
+                  {{ show.name }}
+                </div>
+              </a-tooltip>
+              <div
+                class="type"
+                @click="setNowShowAreaData(show)"
+                :style="{
+                  color: show.state == 0 ? '#ffffff' : '#ffffff55',
+                }"
+              >
+                <!-- 自定义禁降区 -->
+                <div
+                  v-if="show.type == 'noland'"
+                  :style="{
+                    width: '13px',
+                    height: '13px',
+                    outline: `2px solid #FF9900`,
+                    'margin-right': '6px',
+                  }"
+                />
+                <!-- 自定义作业区 -->
+                <div
+                  v-if="show.type == 'dfence'"
+                  :style="{
+                    width: '13px',
+                    height: '13px',
+                    outline: `2px solid #00FF00`,
+                    'margin-right': '6px',
+                    'border-radius': show.geomtype == 'Circle' ? '6.5px' : '0px',
+                  }"
+                />
+                <!-- 自定义限飞区 -->
+                <div
+                  v-if="show.type == 'nfz'"
+                  :style="{
+                    width: '13px',
+                    height: '13px',
+                    outline: `2px solid #FF0000`,
+                    background: `#FF000055`,
+                    'margin-right': '6px',
+                    'border-radius': show.geomtype == 'Circle' ? '6.5px' : '0px',
+                  }"
+                />
+                <span>{{ getType(show.type) }}</span>
+              </div>
+              <div class="buttonlist">
+                <div class="button" v-if="show.state == 1">
+                  <a-popconfirm
+                    title="将会影响到项目内设备的作业范围，是否启用该区域？"
+                    ok-text="启用"
+                    cancel-text="取消"
+                    placement="right"
+                    @confirm="enableThisArea(show)"
+                  >
+                    <a-tooltip placement="top">
+                      <template #title>
+                        <span>可点击启用该区域</span>
+                      </template>
+                      <CheckCircleOutlined />
+                    </a-tooltip>
+                  </a-popconfirm>
+                </div>
+                <div class="button" v-if="show.state == 0">
+                  <a-popconfirm
+                    title="将会影响到项目内设备的作业范围，是否禁用该区域？"
+                    ok-text="禁用"
+                    cancel-text="取消"
+                    placement="right"
+                    @confirm="disableThisArea(show)"
+                  >
+                    <a-tooltip placement="top">
+                      <template #title>
+                        <span>可点击禁用该区域</span>
+                      </template>
+                      <StopOutlined />
+                    </a-tooltip>
+                  </a-popconfirm>
+                </div>
+                <div class="button">
+                  <a-tooltip placement="top">
+                    <template #title>
+                      <span>回中</span>
+                    </template>
+                    <AimOutlined @click="handlerLocation(show)" />
+                  </a-tooltip>
+                </div>
+                <div class="button">
+                  <a-popconfirm
+                    title="将会影响到项目内设备的作业范围，是否删除该区域？"
+                    ok-text="删除"
+                    cancel-text="取消"
+                    placement="right"
+                    @confirm="deleteArea(show)"
+                  >
+                    <a-tooltip placement="top">
+                      <template #title>
+                        <span>删除</span>
+                      </template>
+                      <DeleteOutlined />
+                    </a-tooltip>
+                  </a-popconfirm>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="suojinButton" @click="changeLeftMenuShow">
+      <DoubleLeftOutlined v-if="leftMenuShow" style="font-size: 16px" />
+      <DoubleRightOutlined v-if="!leftMenuShow" style="font-size: 16px" />
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+  import { ref, watch } from 'vue';
+  import {
+    CloseOutlined,
+    AntDesignOutlined,
+    DoubleLeftOutlined,
+    DoubleRightOutlined,
+    EnvironmentOutlined,
+    CodeSandboxOutlined,
+    ExpandAltOutlined,
+    BorderOutlined,
+    LogoutOutlined,
+    EyeOutlined,
+    EyeInvisibleOutlined,
+    AimOutlined,
+    DeleteOutlined,
+    FileImageOutlined,
+    CheckCircleOutlined,
+    StopOutlined,
+  } from '@ant-design/icons-vue';
+  import { UpdateWorkArea, UpdateAnnotation } from '@/api/demo/mediaLibrary';
+  import { cloneDeep } from 'lodash-es';
+  import { useMessage } from '@/hooks/web/useMessage';
+  const { createMessage, createConfirm } = useMessage();
+
+  const props = defineProps([
+    'leftMenuShow',
+    'allAreaDataList',
+    'nowShowAreaData',
+  ]);
+  const emits = defineEmits([
+    'changeLeftMenuShow',
+    'handlerLocation',
+    'setNowShowAreaData',
+    'setAllAreaData',
+    'deleteArea',
+  ]);
+  const showMenuInfoList = ref(props.allAreaDataList);
+  const showMenuInfoName = ref('地图作业区域');
+  function updateShowMenuInfoList(type) {
+    handleChangeAreaSelect();
+  }
+
+  // 目录-隐藏或者显示
+  function changeLeftMenuShow() {
+    emits('changeLeftMenuShow');
+  }
+  // 地图作业区域-------------------------------------------------
+  // 地图作业区域-单选
+  const areatype = ref('all');
+  const areastate = ref('all');
+  // 地图作业区域-获取类别区分
+  function getType(type) {
+    let name = '';
+    switch (type) {
+      case 'nfz':
+        name = '自定义限飞区';
+        break;
+      case 'dfence':
+        name = '自定义作业区';
+        break;
+      case 'noland':
+        name = '自定义禁降区';
+        break;
+    }
+    return name;
+  }
+  // 地图作业区域-下拉框
+  const filterAfterAreaDataList = ref(props.allAreaDataList);
+  function handleChangeAreaSelect() {
+    let filterAreaData = props.allAreaDataList;
+    if (areatype.value !== 'all') {
+      filterAreaData = filterAreaData.filter((item) => item.type == areatype.value);
+    }
+    if (areastate.value !== 'all') {
+      filterAreaData = filterAreaData.filter((item) => item.state == areastate.value);
+    }
+    filterAfterAreaDataList.value = filterAreaData;
+    showMenuInfoList.value = filterAfterAreaDataList.value;
+  }
+
+  // 地图作业区域-启用该区域
+  function enableThisArea(value) {
+    setNowShowAreaData({
+      ...value,
+      state: 0,
+    });
+    UpdateWorkArea({
+      ...value,
+      properties: JSON.stringify(value.properties),
+      state: 0,
+    }).then((res) => {
+      emits('setAllAreaData');
+    });
+  }
+  // 地图作业区域-禁用该区域
+  function disableThisArea(value) {
+    setNowShowAreaData({
+      ...value,
+      state: 1,
+    });
+    UpdateWorkArea({
+      ...value,
+      properties: JSON.stringify(value.properties),
+      state: 1,
+    }).then((res) => {
+      emits('setAllAreaData');
+    });
+  }
+  // 地图作业区域-删除此区域
+  function deleteArea(show) {
+    emits('deleteArea', show);
+  }
+
+  // 设定当前区域
+  function setNowShowAreaData(value) {
+    emits('setNowShowAreaData', value);
+  }
+
+  // ------------------------------------------------------------------
+  // 移动到中心位置
+  function handlerLocation(position) {
+    // if (showMenuInfoName.value == '地图标注') {
+    //   let coordinates = position.coordinates;
+    //   switch (position.type) {
+    //     case 0:
+    //       emits('handlerLocation', {
+    //         lng: coordinates[0],
+    //         lat: coordinates[1],
+    //       });
+    //       break;
+    //     case 1:
+    //       emits('handlerLocation', {
+    //         lng: coordinates[0][0],
+    //         lat: coordinates[0][1],
+    //       });
+    //       break;
+    //     case 2:
+    //       emits('handlerLocation', {
+    //         lng: coordinates[0][0][0],
+    //         lat: coordinates[0][0][1],
+    //       });
+    //       break;
+    //     case 3:
+    //       emits('handlerLocation', {
+    //         lng: coordinates[0],
+    //         lat: coordinates[1],
+    //       });
+    //       break;
+    //   }
+    // }
+    // if (showMenuInfoName.value == '地图照片') {
+    //   emits('handlerLocation', {
+    //     lng: position.photo_position.lng,
+    //     lat: position.photo_position.lat,
+    //   });
+    // }
+    if (showMenuInfoName.value == '地图作业区域') {
+      if (position.geomtype == 'Circle') {
+        emits('handlerLocation', {
+          lng: position.properties.centerPoint[0],
+          lat: position.properties.centerPoint[1],
+        });
+      } else {
+        emits('handlerLocation', {
+          lng: position.properties.centerPoint[0],
+          lat: position.properties.centerPoint[1],
+        });
+      }
+    }
+  }
+
+  defineExpose({
+    updateShowMenuInfoList,
+  });
+</script>
+<style lang="less" scoped>
+  .leftMenu {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    background: #232323;
+
+    .leftMenuTitle {
+      position: relative;
+      width: 100%;
+      height: 50px;
+      padding: 10px;
+      border-bottom: 1px solid #ffffff55;
+      .title {
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+        font-size: 20px;
+        color: #ffffff;
+        width: 100%;
+
+        /* 关键属性 */
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
+
+    .leftMenuContent {
+      position: relative;
+      display: flex;
+      width: 100%;
+      height: calc(100%-50px);
+      // height: 800px;
+
+      .leftMenuContent_1 {
+        position: relative;
+        width: 64px;
+        height: 100%;
+        border-right: 1px solid #ffffff55;
+        // padding-top: 10px;
+        // padding-bottom: 10px;
+
+        .leftMenu_closeButton {
+          position: relative;
+          padding-top: 7px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          border-radius: 10px;
+        }
+
+        .leftMenu_buttonList {
+          position: relative;
+          width: 50px;
+          height: 100%;
+          border-radius: 10px;
+          background: #1a375a;
+          margin-top: 15px;
+          margin-left: 7px;
+          margin-right: 7px;
+          padding-top: 5px;
+          padding-bottom: 5px;
+          gap: 10px;
+
+          .leftMenu_buttonList_annotation {
+            position: relative;
+            border-radius: 5px;
+            height: 40px;
+            width: 40px;
+            margin: 5px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+          }
+          .leftMenu_buttonList_image {
+            position: relative;
+            border-radius: 5px;
+            height: 40px;
+            width: 40px;
+            margin: 5px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+          }
+          .leftMenu_buttonList_area {
+            position: relative;
+            border-radius: 5px;
+            height: 40px;
+            width: 40px;
+            margin: 5px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+          }
+        }
+      }
+
+      .leftMenuContent_2 {
+        position: relative;
+        width: 275px;
+        height: 100%;
+
+        .leftMenuContent_title {
+          margin-top: 10px;
+          margin-left: 10px;
+          color: #ffffff;
+          font-size: 16px;
+        }
+
+        .leftMenuContent_list {
+          overflow-y: auto;
+          max-height: 800px;
+
+          // 地图标注
+          .showMenuInfo_annotation {
+            position: relative;
+            display: flex;
+            align-items: center;
+            justify-content: flex-start;
+            color: #ffffff;
+            height: 30px;
+            padding-left: 15px;
+            gap: 10px;
+
+            .eye {
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              width: 20px;
+              height: 20px;
+            }
+            .buttonRight2 {
+              position: absolute;
+              right: 30px;
+              width: 20px;
+              height: 20px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+            }
+            .buttonRight1 {
+              position: absolute;
+              right: 5px;
+              width: 20px;
+              height: 20px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+            }
+          }
+          // 地图照片
+          .showMenuInfo_image {
+            display: flex;
+            align-items: center;
+            justify-content: flex-start;
+            color: #ffffff;
+            height: 30px;
+            padding-left: 15px;
+            gap: 10px;
+
+            .eye {
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              width: 20px;
+              height: 20px;
+            }
+            .buttonRight2 {
+              position: absolute;
+              right: 35px;
+            }
+            .buttonRight1 {
+              position: absolute;
+              right: 10px;
+            }
+          }
+          // 地图作业区域
+          .showMenuInfo_area {
+            position: relative;
+            display: flex;
+            align-items: center;
+            justify-content: flex-start;
+            height: 70px;
+            margin: 10px 15px;
+
+            .name {
+              position: absolute;
+              top: 6px;
+              left: 6px;
+              color: #ffffff;
+              font-size: 15px;
+              width: 90%;
+              height: 30px;
+
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+            }
+            .type {
+              position: absolute;
+              display: inline-flex;
+              align-items: center;
+              justify-content: flex-start;
+              bottom: 6px;
+              left: 8px;
+              color: #ffffff;
+              font-size: 15px;
+              width: 165px;
+            }
+            .buttonlist {
+              position: absolute;
+              bottom: 6px;
+              right: 6px;
+              width: 75px;
+              height: 25px;
+              display: flex;
+              gap: 1px;
+
+              .button {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                color: #ffffff;
+                font-size: 16px;
+                width: 25px;
+                height: 25px;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .suojinButton {
+    position: absolute;
+    top: 45%;
+    right: -18px;
+    height: 90px;
+    width: 18px;
+    background: #ffffff;
+    z-index: 1000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 5px;
+  }
+</style>
diff --git a/src/views/demo/jobarea/pathMap.vue b/src/views/demo/jobarea/pathMap.vue
new file mode 100644
index 0000000..7451fe1
--- /dev/null
+++ b/src/views/demo/jobarea/pathMap.vue
@@ -0,0 +1,2409 @@
+<template>
+  <div ref="vChartRef" id="mars3d-container" class="mars3d-container">
+    <div class="annotationButtons">
+      <div
+        :class="mapDrawType == 'drawPoint' ? 'button_choose' : 'button_nochoose'"
+        @click="drawPoint"
+      >
+        <a-popover placement="left">
+          <template #content>
+            <div style="display: flex; gap: 5px">
+              <div
+                class="popoverAnnotation"
+                v-for="color in ['#2D8CF0', '#19BE6B', '#FFBB00', '#E23C39', '#B620E0']"
+                :key="color"
+                :style="{ background: color }"
+                @click="drawColorPoint = color"
+              >
+                <CheckOutlined v-if="drawColorPoint == color" style="color: white" />
+              </div>
+            </div>
+          </template>
+          <AntDesignOutlined
+            :style="{
+              color: drawColorPoint,
+              fontSize: '20px',
+            }"
+          />
+        </a-popover>
+      </div>
+      <div
+        :class="mapDrawType == 'drawPolyline' ? 'button_choose' : 'button_nochoose'"
+        @click="drawPolyline"
+      >
+        <a-popover placement="left">
+          <template #content>
+            <div style="display: flex; gap: 5px">
+              <div
+                class="popoverAnnotation"
+                v-for="color in ['#2D8CF0', '#19BE6B', '#FFBB00', '#E23C39', '#B620E0']"
+                :key="color"
+                :style="{ background: color }"
+                @click="drawColorPolyline = color"
+              >
+                <CheckOutlined v-if="drawColorPolyline == color" style="color: white" />
+              </div>
+            </div>
+          </template>
+          <ExpandAltOutlined
+            :style="{
+              color: drawColorPolyline,
+              fontSize: '20px',
+            }"
+          />
+        </a-popover>
+      </div>
+      <div
+        :class="mapDrawType == 'drawPolygon' ? 'button_choose' : 'button_nochoose'"
+        @click="drawPolygon"
+      >
+        <a-popover placement="left">
+          <template #content>
+            <div style="display: flex; gap: 5px">
+              <div
+                class="popoverAnnotation"
+                v-for="color in ['#2D8CF0', '#19BE6B', '#FFBB00', '#E23C39', '#B620E0']"
+                :key="color"
+                :style="{ background: color }"
+                @click="drawColorPolygon = color"
+              >
+                <CheckOutlined v-if="drawColorPolygon == color" style="color: white" />
+              </div>
+            </div>
+          </template>
+          <BorderOutlined
+            :style="{
+              color: drawColorPolygon,
+              fontSize: '20px',
+            }"
+          />
+        </a-popover>
+      </div>
+      <div
+        :class="mapDrawType == 'drawCricle' ? 'button_choose' : 'button_nochoose'"
+        @click="drawCricle"
+      >
+        <a-popover placement="left">
+          <template #content>
+            <div style="display: flex; gap: 5px">
+              <div
+                class="popoverAnnotation"
+                v-for="color in ['#2D8CF0', '#19BE6B', '#FFBB00', '#E23C39', '#B620E0']"
+                :key="color"
+                :style="{ background: color }"
+                @click="drawColorCricle = color"
+              >
+                <CheckOutlined v-if="drawColorCricle == color" style="color: white" />
+              </div>
+            </div>
+          </template>
+          <LogoutOutlined
+            :style="{
+              color: drawColorCricle,
+              fontSize: '20px',
+            }"
+          />
+        </a-popover>
+      </div>
+    </div>
+    <div class="areaButtons">
+      <div
+        :class="mapAreaDrawFlag ? 'button_choose' : 'button_nochoose'"
+        style="border-radius: 3px"
+        @click="drawArea"
+      >
+        <a-popover placement="leftTop">
+          <template #content>
+            <div style="display: block; gap: 5px; width: 170px">
+              <div
+                class="popoverArea"
+                v-for="type in [
+                  'nfz_Polygon',
+                  'nfz_Circle',
+                  'dfence_Polygon',
+                  'dfence_Circle',
+                  'noland_Polygon',
+                ]"
+                :key="type"
+                :style="{ background: '#ffffff' }"
+                @click="areaDrawType = type"
+              >
+                <!-- 自定义禁降区 -->
+                <div
+                  v-if="type.indexOf('noland') > -1"
+                  :style="{
+                    width: '15px',
+                    height: '15px',
+                    outline: `2px solid #FF9900`,
+                    'margin-right': '6px',
+                  }"
+                />
+                <!-- 自定义作业区 -->
+                <div
+                  v-if="type.indexOf('dfence') > -1"
+                  :style="{
+                    width: '13px',
+                    height: '13px',
+                    outline: `2px solid #00FF00`,
+                    'margin-right': '6px',
+                    'border-radius': type == 'dfence_Circle' ? '6.5px' : '0px',
+                  }"
+                />
+                <!-- 自定义限飞区 -->
+                <div
+                  v-if="type.indexOf('nfz') > -1"
+                  :style="{
+                    width: '13px',
+                    height: '13px',
+                    outline: `2px solid #FF0000`,
+                    background: `#FF000055`,
+                    'margin-right': '6px',
+                    'border-radius': type == 'nfz_Circle' ? '6.5px' : '0px',
+                  }"
+                />
+                <div style="width: 130px" v-if="type == 'nfz_Polygon'">自定义多边形限飞区</div>
+                <div style="width: 130px" v-if="type == 'nfz_Circle'">自定义圆形限飞区</div>
+                <div style="width: 130px" v-if="type == 'dfence_Polygon'">自定义多边形作业区</div>
+                <div style="width: 130px" v-if="type == 'dfence_Circle'">自定义圆形作业区</div>
+                <div style="width: 130px" v-if="type == 'noland_Polygon'">自定义禁降区</div>
+                <CheckOutlined v-if="areaDrawType == type" style="color: blue; margin-left: 10px" />
+              </div>
+            </div>
+          </template>
+          <!-- 自定义禁降区 -->
+          <div
+            v-if="areaDrawType.indexOf('noland') > -1"
+            :style="{
+              width: '16px',
+              height: '16px',
+              outline: `2px solid #FF9900`,
+            }"
+          />
+          <!-- 自定义作业区 -->
+          <div
+            v-if="areaDrawType.indexOf('dfence') > -1"
+            :style="{
+              width: '16px',
+              height: '16px',
+              outline: `2px solid #00FF00`,
+
+              'border-radius': areaDrawType == 'dfence_Circle' ? '6.5px' : '0px',
+            }"
+          />
+          <!-- 自定义限飞区 -->
+          <div
+            v-if="areaDrawType.indexOf('nfz') > -1"
+            :style="{
+              width: '16px',
+              height: '16px',
+              outline: `2px solid #FF0000`,
+              background: `#FF000055`,
+              'border-radius': areaDrawType == 'nfz_Circle' ? '6.5px' : '0px',
+            }"
+          />
+        </a-popover>
+      </div>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+  import { ref, watch, onMounted, defineEmits } from 'vue';
+  import * as mars3d from 'mars3d';
+  import * as Cesium from 'mars3d-cesium';
+  import { circle, rect, triangle } from './svg';
+  import {
+    CheckOutlined,
+    AntDesignOutlined,
+    ExpandAltOutlined,
+    BorderOutlined,
+    LogoutOutlined,
+  } from '@ant-design/icons-vue';
+  import {
+    AddAnnotation,
+    UpdateAnnotation,
+    AddWorkArea,
+    UpdateWorkArea,
+  } from '@/api/demo/mediaLibrary';
+  import * as turf from '@turf/turf';
+  import { WktToGeojson, GeojsonToWkt } from '@/components/MapboxMaps/src/WktGeojsonTransform';
+  import dayjs from 'dayjs';
+
+  const props = defineProps([
+    'allAnnotationDataList',
+    'nowShowAnnotationData',
+    'allImageDataList',
+    'nowShowImageData',
+    'allAreaDataList',
+    'nowShowAreaData',
+  ]);
+  const emits = defineEmits([
+    'setNowShowAnnotationData',
+    'setNowShowImageData',
+    'setNowShowAreaData',
+    'closePathImageInfo',
+    'setAllAnnotationData',
+    'setAllImageData',
+    'setAllAreaData',
+  ]);
+
+  const vChartRef: any = ref<HTMLElement>();
+  let map: mars3d.Map; // 地图对象
+  let graphicLayers = new mars3d.layer.GraphicLayer({
+    isAutoEditing: true,
+  });
+  // 地图标注
+  // 地图标注-点
+  let annotation_PointGraphicData: any = [];
+  // 地图标注-线
+  let annotation_LineStringGraphicData: any = [];
+  // 地图标注-多边形
+  let annotation_PolygonGraphicData: any = [];
+  // 地图标注-圈
+  let annotation_CircleGraphicData: any = [];
+
+  // 地图照片
+  // 地图照片-地面点
+  let image_bottomPointGraphicData: any = [];
+  // 地图照片-飞行点
+  let image_flightointGraphicData: any = [];
+  // 地图照片-地面点到展示图片的线
+  let image_bottomImagePolylineGraphicData: any = [];
+  // 地图照片-展示图片
+  let image_imageGraphicData: any = [];
+
+  // 地图作业区域
+  // 地图作业区域-禁降区-多边形
+  let area_noland_PolygonGraphicData: any = [];
+  // 地图作业区域-作业区-多边形
+  let area_dfence_PolygonGraphicData: any = [];
+  // 地图作业区域-作业区-圈
+  let area_dfence_CircleGraphicData: any = [];
+  // 地图作业区域-限飞区-多边形
+  let area_nfz_PolygonGraphicData: any = [];
+  // 地图作业区域-限飞区-圈
+  let area_nfz_CircleGraphicData: any = [];
+
+  onMounted(() => {
+    initMap();
+  });
+
+  const initMap = () => {
+    map = new mars3d.Map(vChartRef.value, {
+      scene: {
+        center: {
+          lat: 35.134608,
+          lng: 118.29853,
+          alt: 8306.3,
+          heading: 360,
+          pitch: -45,
+        },
+        scene3DOnly: false,
+        shadows: false,
+        removeDblClick: true,
+        sceneMode: 3,
+        showSun: true,
+        showMoon: true,
+        showSkyBox: true,
+        showSkyAtmosphere: true,
+        fog: true,
+        fxaa: true,
+        requestRenderMode: true,
+        contextOptions: {
+          requestWebgl1: false,
+          webgl: {
+            preserveDrawingBuffer: true,
+            alpha: false,
+            stencil: true,
+            powerPreference: 'high-performance',
+          },
+        },
+        globe: {
+          depthTestAgainstTerrain: false,
+          baseColor: '#546a53',
+          showGroundAtmosphere: true,
+          enableLighting: false,
+        },
+        cameraController: {
+          zoomFactor: 3,
+          minimumZoomDistance: 1,
+          maximumZoomDistance: 50000000,
+          enableRotate: true,
+          enableTranslate: true,
+          enableTilt: true,
+          enableZoom: true,
+          enableCollisionDetection: true,
+          minimumCollisionTerrainHeight: 15000,
+        },
+      },
+      control: {
+        homeButton: true,
+        baseLayerPicker: false,
+        sceneModePicker: true,
+        vrButton: false,
+        fullscreenButton: true,
+        navigationHelpButton: true,
+        animation: false,
+        timeline: false,
+        infoBox: false,
+        geocoder: false,
+        selectionIndicator: false,
+        showRenderLoopErrors: true,
+        contextmenu: {
+          hasDefault: true,
+        },
+        mouseDownView: true,
+        zoom: {
+          insertIndex: 1,
+        },
+        compass: {
+          bottom: 'toolbar',
+          left: '5px',
+          rotation: true,
+        },
+        distanceLegend: {
+          left: '10px',
+          bottom: '2px',
+        },
+        locationBar: {
+          crs: 'CGCS2000_GK_Zone_3',
+          crsDecimal: 0,
+          template:
+            "<div>经度:{lng}</div> <div>纬度:{lat}</div> <div class='hide1000'>横{crsx}  纵{crsy}</div> <div>海拔：{alt}米</div> <div class='hide700'>层级：{level}</div><div>方向：{heading}°</div> <div>俯仰角：{pitch}°</div><div class='hide700'>视高：{cameraHeight}米</div>",
+          cacheTime: 50,
+        },
+      },
+      method: {
+        templateValues: {
+          dataServer: '//data.mars3d.cn',
+          gltfServerUrl: '//data.mars3d.cn/gltf',
+        },
+      },
+      terrain: {
+        url: '//data.mars3d.cn/terrain',
+        show: true,
+        clip: true,
+      },
+      basemaps: [
+        {
+          id: 10,
+          name: '地图底图',
+          type: 'group',
+          opacity: 1,
+        },
+        {
+          id: 2021,
+          pid: 10,
+          name: '天地图影像',
+          icon: 'https://data.mars3d.cn/img/thumbnail/basemap/tdt_img.png',
+          type: 'group',
+          layers: [
+            {
+              name: '底图',
+              type: 'tdt',
+              layer: 'img_d',
+              eventParent: {
+                id: 2021,
+                pid: 10,
+                name: '天地图影像',
+                icon: 'https://data.mars3d.cn/img/thumbnail/basemap/tdt_img.png',
+                type: 'group',
+                layers: [
+                  {
+                    name: '底图',
+                    type: 'tdt',
+                    layer: 'img_d',
+                    show: true,
+                  },
+                  {
+                    name: '注记',
+                    type: 'tdt',
+                    layer: 'img_z',
+                    show: true,
+                  },
+                ],
+                show: true,
+              },
+              private: false,
+              id: 'm-770c35e7-9054-4259-b5ee-c15f108becd0',
+              opacity: 1,
+              pid: 2021,
+              parent: {
+                id: 2021,
+                pid: 10,
+                name: '天地图影像',
+                icon: 'https://data.mars3d.cn/img/thumbnail/basemap/tdt_img.png',
+                type: 'group',
+                layers: [
+                  {
+                    name: '底图',
+                    type: 'tdt',
+                    layer: 'img_d',
+                    show: true,
+                  },
+                  {
+                    name: '注记',
+                    type: 'tdt',
+                    layer: 'img_z',
+                    show: true,
+                  },
+                ],
+                show: true,
+              },
+              zIndex: 1,
+            },
+            {
+              name: '注记',
+              type: 'tdt',
+              layer: 'img_z',
+              eventParent: {
+                id: 2021,
+                pid: 10,
+                name: '天地图影像',
+                icon: 'https://data.mars3d.cn/img/thumbnail/basemap/tdt_img.png',
+                type: 'group',
+                layers: [
+                  {
+                    name: '底图',
+                    type: 'tdt',
+                    layer: 'img_d',
+                    show: true,
+                  },
+                  {
+                    name: '注记',
+                    type: 'tdt',
+                    layer: 'img_z',
+                    show: true,
+                  },
+                ],
+                show: true,
+              },
+              private: false,
+              id: 'm-3b881368-574b-48a5-88b2-8b3c2c48fd62',
+              opacity: 1,
+              pid: 2021,
+              parent: {
+                id: 2021,
+                pid: 10,
+                name: '天地图影像',
+                icon: 'https://data.mars3d.cn/img/thumbnail/basemap/tdt_img.png',
+                type: 'group',
+                layers: [
+                  {
+                    name: '底图',
+                    type: 'tdt',
+                    layer: 'img_d',
+                    show: true,
+                  },
+                  {
+                    name: '注记',
+                    type: 'tdt',
+                    layer: 'img_z',
+                    show: true,
+                  },
+                ],
+                show: true,
+              },
+              zIndex: 2,
+            },
+          ],
+          show: true,
+          opacity: 1,
+        },
+      ],
+      layers: [],
+    });
+    if (map) {
+      map.addLayer(graphicLayers);
+      // 图层
+      // showAllAnnotationDataList();
+      // showAllImageDataList();
+      showAllAreaDataList();
+      handlerLocation([118.2958779, 35.1342553]);
+      // 监听地图点击事件
+      map.on(mars3d.EventType.click, function (event) {
+        if (!event.czmObject) {
+          // 地图标注 - 恢复默认
+          if (props.nowShowAnnotationData && props.nowShowAnnotationData.id) {
+            annotationRestoreDefault();
+            emits('setNowShowAnnotationData', {});
+          }
+          // // 地图作业区域-恢复默认
+          // if (props.nowShowAreaData.id) {
+          //   areaRestoreDefault();
+          //   emits('setNowShowAreaData', {});
+          // }
+        }
+      });
+    }
+  };
+
+  // 地图标注--------------------------------------------------------------------
+  watch(
+    () => props.allAnnotationDataList,
+    () => {
+      // showAllAnnotationDataList();
+    },
+  );
+  watch(
+    () => props.nowShowAnnotationData,
+    (newVal, oldVal) => {
+      let time = dayjs().format('YYYY-MM-DD HH:mm:ss');
+      if (newVal) {
+        // 点
+        annotation_PointGraphicData?.forEach((graphicLayer) => {
+          if (graphicLayer.options.id == props.nowShowAnnotationData.id) {
+            graphicLayer.position = [
+              parseFloat(props.nowShowAnnotationData.coordinates[0]),
+              parseFloat(props.nowShowAnnotationData.coordinates[1]),
+              parseFloat(props.nowShowAnnotationData.coordinates[2]),
+            ];
+            graphicLayer.setStyle({
+              // 图标（待修改）
+              // image: '',
+              label: {
+                text: props.nowShowAnnotationData.name,
+                color: props.nowShowAnnotationData.properties.color,
+                font_size: props.nowShowAnnotationData.properties.font_size,
+              },
+            });
+            if (oldVal && newVal.id == oldVal.id) {
+              // addAndUpdateWorkAnnotation(graphicLayer, 'point', time, 'update');
+            }
+          }
+        });
+        // 线
+        annotation_LineStringGraphicData?.forEach((graphicLayer) => {
+          if (graphicLayer.options.id == props.nowShowAnnotationData.id) {
+            graphicLayer.setStyle({
+              // 线头部样式/线尾部样式（待修改）
+              width: props.nowShowAnnotationData.properties.line_width,
+              color: props.nowShowAnnotationData.properties.color,
+              label: {
+                text: props.nowShowAnnotationData.name,
+                color: props.nowShowAnnotationData.properties.color,
+                font_size: props.nowShowAnnotationData.properties.font_size,
+              },
+            });
+            if (oldVal && newVal.id == oldVal.id) {
+              addAndUpdateWorkArea(graphicLayer, 'polyline', time, 'update');
+            }
+          }
+        });
+        // 多边形
+        annotation_PolygonGraphicData?.forEach((graphicLayer) => {
+          if (graphicLayer.options.id == props.nowShowAnnotationData.id) {
+            graphicLayer.setStyle({
+              outlineColor: props.nowShowAnnotationData.properties.color,
+              label: {
+                text: props.nowShowAnnotationData.name,
+                color: props.nowShowAnnotationData.properties.color,
+                font_size: props.nowShowAnnotationData.properties.font_size,
+              },
+            });
+            if (oldVal && newVal.id == oldVal.id) {
+              addAndUpdateWorkArea(graphicLayer, 'polygon', time, 'update');
+            }
+          }
+        });
+        // 圆
+        annotation_CircleGraphicData?.forEach((graphicLayer) => {
+          if (graphicLayer.options.id == props.nowShowAnnotationData.id) {
+            graphicLayer.position = [
+              parseFloat(props.nowShowAnnotationData.properties.centerPoint[0]),
+              parseFloat(props.nowShowAnnotationData.properties.centerPoint[1]),
+              parseFloat(props.nowShowAnnotationData.properties.centerPoint[2]),
+            ];
+            graphicLayer.setStyle({
+              radius: props.nowShowAnnotationData.properties.radius,
+              outlineColor: props.nowShowAnnotationData.properties.color,
+              label: {
+                text: props.nowShowAnnotationData.name,
+                color: props.nowShowAnnotationData.properties.color,
+                font_size: props.nowShowAnnotationData.properties.font_size,
+              },
+            });
+            if (oldVal && newVal.id == oldVal.id) {
+              addAndUpdateWorkArea(graphicLayer, 'circle', time, 'update');
+            }
+          }
+        });
+      }
+    },
+    {
+      deep: true,
+    },
+  );
+  // 地图标注-初始化-遍历展示
+  const showAllAnnotationDataList = async () => {
+    // 删除旧数据
+    annotation_PointGraphicData?.forEach((graphicLayer) => {
+      graphicLayers.removeGraphic(graphicLayer);
+    });
+    annotation_LineStringGraphicData?.forEach((graphicLayer) => {
+      graphicLayers.removeGraphic(graphicLayer);
+    });
+    annotation_PolygonGraphicData?.forEach((graphicLayer) => {
+      graphicLayers.removeGraphic(graphicLayer);
+    });
+    annotation_CircleGraphicData?.forEach((graphicLayer) => {
+      graphicLayers.removeGraphic(graphicLayer);
+    });
+    // 图层数据
+    annotation_PointGraphicData = [];
+    annotation_LineStringGraphicData = [];
+    annotation_PolygonGraphicData = [];
+    annotation_CircleGraphicData = [];
+    if (!props.allAnnotationDataList || props.allAnnotationDataList.length == 0) {
+      return;
+    }
+    // 地图标注-遍历
+    props.allAnnotationDataList.forEach((item, index) => {
+      // console.log(item);
+      // 地图标注-点
+      if (item.type == 0) {
+        let pointGraphic = new mars3d.graphic.BillboardEntity({
+          id: item.id,
+          position: item.coordinates,
+          style: {
+            image: 'https://data.mars3d.cn/img/marker/mark-red.png',
+            clampToGround: item.properties.clampToGround,
+            scale: 1,
+            label: {
+              text: `${item.name}`,
+              font_size: item.properties.font_size,
+              color: '#000000',
+              outline: true,
+              outlineColor: '#ffffff',
+              outlineWidth: 6,
+              verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+              horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+              pixelOffset: [25, 0],
+            },
+          },
+          show: item.state == 0 ? true : false,
+          hasEdit: true,
+        });
+        // 监听mouseover事件
+        pointGraphic.on(mars3d.EventType.mouseOver, function () {
+          if (!props.nowShowAnnotationData || props.nowShowAnnotationData.id !== item.id) {
+            pointGraphic.setStyle({
+              label: {
+                color: item.properties.color,
+              },
+            });
+          }
+        });
+        // 监听mouseout事件
+        pointGraphic.on(mars3d.EventType.mouseOut, function () {
+          if (!props.nowShowAnnotationData || props.nowShowAnnotationData.id !== item.id) {
+            pointGraphic.setStyle({
+              label: {
+                color: '#000000',
+              },
+            });
+          }
+        });
+        // 监听点击事件
+        pointGraphic.on(mars3d.EventType.click, function () {
+          // 全部恢复默认
+          annotationRestoreDefault();
+          pointGraphic.setStyle({
+            label: {
+              color: item.properties.color,
+            },
+          });
+          emits('setNowShowAnnotationData', item);
+        });
+        // 将点对象 添加到图层中
+        graphicLayers.addGraphic(pointGraphic);
+        // 数据
+        annotation_PointGraphicData.push(pointGraphic);
+      }
+      // 地图标注-线
+      if (item.type == 1) {
+        let lineGraphic = new mars3d.graphic.PolylineEntity({
+          id: item.id,
+          positions: item.coordinates,
+          style: {
+            color: item.properties.color,
+            width: item.properties.line_width,
+            label: {
+              text: `${item.name}`,
+              font_size: item.properties.font_size,
+              color: '#000000',
+              outline: true,
+              outlineColor: '#ffffff',
+              outlineWidth: 6,
+              verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+              horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+              pixelOffset: [25, -5],
+            },
+          },
+          show: item.state == 0 ? true : false,
+          hasEdit: true,
+          drawShowMeasure: true,
+        });
+        // 监听mouseover事件
+        lineGraphic.on(mars3d.EventType.mouseOver, function () {
+          if (!props.nowShowAnnotationData || props.nowShowAnnotationData.id !== item.id) {
+            lineGraphic.setStyle({
+              label: {
+                color: item.properties.color,
+              },
+            });
+          }
+        });
+        // 监听mouseout事件
+        lineGraphic.on(mars3d.EventType.mouseOut, function () {
+          if (!props.nowShowAnnotationData || props.nowShowAnnotationData.id !== item.id) {
+            lineGraphic.setStyle({
+              label: {
+                color: '#000000',
+              },
+            });
+          }
+        });
+        // 监听点击事件
+        lineGraphic.on(mars3d.EventType.click, function () {
+          // 全部恢复默认
+          annotationRestoreDefault();
+          lineGraphic.setStyle({
+            label: {
+              color: item.properties.color,
+            },
+          });
+          emits('setNowShowAnnotationData', item);
+        });
+        // 将线对象 添加到图层中
+        graphicLayers.addGraphic(lineGraphic);
+        // 数据
+        annotation_LineStringGraphicData.push(lineGraphic);
+      }
+      // 地图标注-多边形
+      if (item.type == 2) {
+        let polygonGraphic = new mars3d.graphic.PolygonEntity({
+          id: item.id,
+          positions: item.coordinates,
+          style: {
+            color: item.properties.color,
+            fill: false,
+            width: item.properties.line_width,
+            outlineColor: item.properties.color,
+            outlineWidth: 2,
+            outline: true,
+            clampToGround: item.properties.clampToGround,
+            label: {
+              text: `${item.name}`,
+              font_size: item.properties.font_size,
+              color: '#000000',
+              outline: true,
+              outlineColor: '#ffffff',
+              outlineWidth: 6,
+              verticalOrigin: Cesium.VerticalOrigin.CENTER,
+              horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            },
+          },
+          show: item.state == 0 ? true : false,
+          hasEdit: true,
+          drawShowMeasure: true,
+        });
+        // 监听mouseover事件
+        polygonGraphic.on(mars3d.EventType.mouseOver, function () {
+          if (!props.nowShowAnnotationData || props.nowShowAnnotationData.id !== item.id) {
+            polygonGraphic.setStyle({
+              // color: '#ffffff00',
+              label: {
+                color: item.properties.color,
+              },
+            });
+          }
+        });
+        // 监听mouseout事件
+        polygonGraphic.on(mars3d.EventType.mouseOut, function () {
+          if (!props.nowShowAnnotationData || props.nowShowAnnotationData.id !== item.id) {
+            polygonGraphic.setStyle({
+              label: {
+                color: '#000000',
+              },
+            });
+          }
+        });
+        // 监听点击事件
+        polygonGraphic.on(mars3d.EventType.click, function () {
+          // 全部恢复默认
+          annotationRestoreDefault();
+          polygonGraphic.setStyle({
+            label: {
+              color: item.properties.color,
+            },
+          });
+          emits('setNowShowAnnotationData', item);
+        });
+        // 将形状对象 添加到图层中
+        graphicLayers.addGraphic(polygonGraphic);
+        // 数据
+        annotation_PolygonGraphicData.push(polygonGraphic);
+      }
+      // 地图标注-圆
+      if (item.type == 3) {
+        let circleGraphic = new mars3d.graphic.CircleEntity({
+          id: item.id,
+          position: item.properties.centerPoint,
+          style: {
+            radius: item.properties.radius,
+            fill: false,
+            outlineColor: item.properties.color,
+            outlineWidth: 4,
+            outline: true,
+            clampToGround: item.properties.clampToGround,
+            label: {
+              text: `${item.name}`,
+              font_size: item.properties.font_size,
+              color: '#000000',
+              outline: true,
+              outlineColor: '#ffffff',
+              outlineWidth: 6,
+              verticalOrigin: Cesium.VerticalOrigin.CENTER,
+              horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            },
+          },
+          show: item.state == 0 ? true : false,
+          hasEdit: true,
+          drawShowMeasure: true,
+        });
+        // 监听mouseover事件
+        circleGraphic.on(mars3d.EventType.mouseOver, function () {
+          if (!props.nowShowAnnotationData || props.nowShowAnnotationData.id !== item.id) {
+            circleGraphic.setStyle({
+              label: {
+                color: item.properties.color,
+              },
+            });
+          }
+        });
+        // 监听mouseout事件
+        circleGraphic.on(mars3d.EventType.mouseOut, function () {
+          if (!props.nowShowAnnotationData || props.nowShowAnnotationData.id !== item.id) {
+            circleGraphic.setStyle({
+              label: {
+                color: '#000000',
+              },
+            });
+          }
+        });
+        // 监听点击事件
+        circleGraphic.on(mars3d.EventType.click, function () {
+          // 全部恢复默认
+          annotationRestoreDefault();
+          circleGraphic.setStyle({
+            label: {
+              color: item.properties.color,
+            },
+          });
+          emits('setNowShowAnnotationData', item);
+        });
+        // 将圆对象 添加到图层中
+        graphicLayers.addGraphic(circleGraphic);
+        // 数据
+        annotation_CircleGraphicData.push(circleGraphic);
+      }
+    });
+  };
+  // 地图标注-恢复默认
+  function annotationRestoreDefault() {
+    // 点-恢复默认
+    for (let i = 0; i < annotation_PointGraphicData.length; i++) {
+      let pointGraphic = annotation_PointGraphicData[i];
+      pointGraphic.setStyle({
+        label: {
+          color: '#000000',
+        },
+      });
+    }
+    // 线-恢复默认
+    for (let i = 0; i < annotation_LineStringGraphicData.length; i++) {
+      let lineGraphic = annotation_LineStringGraphicData[i];
+      lineGraphic.setStyle({
+        label: {
+          color: '#000000',
+        },
+      });
+    }
+    // 矩形-恢复默认
+    for (let i = 0; i < annotation_PolygonGraphicData.length; i++) {
+      let polygonGraphic = annotation_PolygonGraphicData[i];
+      polygonGraphic.setStyle({
+        label: {
+          color: '#000000',
+        },
+      });
+    }
+    // 圆形-恢复默认
+    for (let i = 0; i < annotation_CircleGraphicData.length; i++) {
+      let circleGraphic = annotation_CircleGraphicData[i];
+      circleGraphic.setStyle({
+        label: {
+          color: '#000000',
+        },
+      });
+    }
+  }
+  // 地图标注-SVG内容生成图片链接
+  function svgToDataURL(svgString) {
+    return 'data:image/svg+xml;base64,' + btoa(unescape(encodeURIComponent(svgString)));
+  }
+
+  // 地图标注-绘制--------------------------------------------------------------------
+  const mapDrawType: any = ref('');
+  const drawColorPoint = ref('#2D8CF0');
+  const drawColorPolyline = ref('#2D8CF0');
+  const drawColorPolygon = ref('#2D8CF0');
+  const drawColorCricle = ref('#2D8CF0');
+
+  // 地图标注-绘制-点
+  async function drawPoint() {
+    if (mapDrawType.value == 'drawPoint') {
+      mapDrawType.value = '';
+      return;
+    }
+    mapDrawType.value = 'drawPoint';
+    let time = dayjs().format('YYYY-MM-DD HH:mm:ss');
+    const graphic = await graphicLayers.startDraw({
+      type: 'billboard',
+      style: {
+        image: 'https://data.mars3d.cn/img/marker/mark-red.png',
+        horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+        verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+        label: {
+          text: '点 ' + time,
+          font_size: 18,
+          color: '#000000',
+          outline: true,
+          outlineWidth: 6,
+          outlineColor: '#ffffff',
+          pixelOffsetY: -60,
+        },
+      },
+    });
+    annotation_PointGraphicData.push(graphic);
+    addAndUpdateWorkAnnotation(graphic, 'point', time);
+  }
+  // 地图标注-绘制-线
+  async function drawPolyline() {
+    if (mapDrawType.value == 'drawPolyline') {
+      mapDrawType.value = '';
+      return;
+    }
+    mapDrawType.value = 'drawPolyline';
+    let time = dayjs().format('YYYY-MM-DD HH:mm:ss');
+    const graphic = await graphicLayers.startDraw({
+      type: 'polyline',
+      style: {
+        width: 5,
+        line_start_cap: 0,
+        line_end_cap: 0,
+        color: drawColorPolyline.value,
+        label: {
+          text: '线 ' + time,
+          font_size: 18,
+          color: '#000000',
+          outline: true,
+          outlineWidth: 6,
+          outlineColor: '#ffffff',
+          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+          pixelOffset: [25, -5],
+        },
+      },
+    });
+    annotation_LineStringGraphicData.push(graphic);
+    addAndUpdateWorkAnnotation(graphic, 'polyline', time);
+  }
+  // 地图标注-绘制-形状
+  async function drawPolygon() {
+    if (mapDrawType.value == 'drawPolygon') {
+      mapDrawType.value = '';
+      return;
+    }
+    mapDrawType.value = 'drawPolygon';
+    let time = dayjs().format('YYYY-MM-DD HH:mm:ss');
+    const graphic = await graphicLayers.startDraw({
+      type: 'polygon',
+      style: {
+        color: drawColorPolygon.value,
+        fill: false,
+        outline: true,
+        outlineColor: drawColorPolygon.value,
+        outlineWidth: 3,
+        label: {
+          text: '多边形 ' + time,
+          font_size: 18,
+          color: '#000000',
+          outline: true,
+          outlineWidth: 6,
+          outlineColor: '#ffffff',
+        },
+      },
+    });
+    annotation_PolygonGraphicData.push(graphic);
+    addAndUpdateWorkAnnotation(graphic, 'polygon', time);
+  }
+  // 地图标注-绘制-圆
+  async function drawCricle() {
+    if (mapDrawType.value == 'drawCricle') {
+      mapDrawType.value = '';
+      return;
+    }
+    mapDrawType.value = 'drawCricle';
+    let time = dayjs().format('YYYY-MM-DD HH:mm:ss');
+    const graphic = await graphicLayers.startDraw({
+      type: 'circle',
+      style: {
+        color: drawColorCricle.value,
+        fill: false,
+        outline: true,
+        outlineColor: drawColorCricle.value,
+        outlineWidth: 3,
+        label: {
+          text: '圆 ' + time,
+          font_size: 18,
+          color: '#000000',
+          outline: true,
+          outlineWidth: 6,
+          outlineColor: '#ffffff',
+        },
+      },
+    });
+    annotation_CircleGraphicData.push(graphic);
+    addAndUpdateWorkAnnotation(graphic, 'circle', time);
+  }
+
+  // 新增到数据库并刷新列表
+  async function addAndUpdateWorkAnnotation(graphic, annotationtype, time, addOrUpdate = 'add') {
+    let graphicJson = graphic.toJSON();
+    let params: any = {};
+    let coordinates = graphicJson.position || graphicJson.positions;
+    let properties = {};
+    let polygonData: any = [];
+    let type = 0;
+    let geom = '';
+
+    switch (annotationtype) {
+      case 'point':
+        type = 0;
+        geom = GeojsonToWkt(turf.point(coordinates).geometry);
+        properties = {
+          font_size: 16,
+          iconnum: 0,
+          clampToGround: false,
+          color: drawColorPoint.value,
+          centerPoint: coordinates,
+        };
+        break;
+      case 'polyline':
+        type = 1;
+        geom = GeojsonToWkt(turf.lineString(coordinates).geometry);
+        properties = {
+          font_size: 16,
+          line_width: 5,
+          clampToGround: false,
+          color: drawColorPolyline.value,
+          centerPoint: coordinates[0],
+          line_start_cap: 0,
+          line_end_cap: 0,
+        };
+        break;
+      case 'polygon':
+        type = 2;
+        coordinates.push(coordinates[0]);
+        if (addOrUpdate == 'add') {
+          polygonData.push(coordinates);
+        } else {
+          polygonData = coordinates;
+        }
+        geom = GeojsonToWkt(turf.polygon(polygonData).geometry);
+        properties = {
+          font_size: 16,
+          clampToGround: false,
+          color: drawColorPolygon.value,
+          centerPoint: coordinates[0],
+        };
+        break;
+      case 'circle':
+        type = 3;
+        geom = GeojsonToWkt(turf.circle(coordinates, graphicJson.style.radius).geometry);
+        properties = {
+          font_size: 16,
+          clampToGround: true,
+          color: drawColorCricle.value,
+          radius: graphicJson.style.radius,
+          centerPoint: coordinates,
+        };
+        break;
+    }
+    if (addOrUpdate == 'add') {
+      params = {
+        name: graphicJson.style.label.text,
+        type: type,
+        properties: JSON.stringify(properties),
+        createTime: time,
+        createUser: '',
+        geom: geom,
+        workSpaceId: '1',
+        state: 0,
+        createUserName: '',
+      };
+      AddAnnotation(params).then((result) => {
+        // 刷新区域信息
+        emits('setAllAnnotationData');
+        mapDrawType.value = '';
+      });
+    } else {
+      params = {
+        id: graphicJson.id,
+        name: graphicJson.style.label.text,
+        type: type,
+        properties: JSON.stringify(properties),
+        geom: geom,
+        workSpaceId: '1',
+        state: props.nowShowAnnotationData.state,
+      };
+      UpdateAnnotation(params).then((result) => {
+        // 刷新区域信息
+        // emits('setAllAreaData');
+        // mapAreaDrawFlag.value = false;
+      });
+    }
+  }
+
+  // 地图照片--------------------------------------------------------------------
+  // 地图照片-初始化-遍历展示
+  const showAllImageDataList = async () => {
+    // 删除旧数据
+    image_bottomPointGraphicData?.forEach((graphicLayer) => {
+      graphicLayers.removeGraphic(graphicLayer);
+    });
+    image_flightointGraphicData?.forEach((graphicLayer) => {
+      graphicLayers.removeGraphic(graphicLayer);
+    });
+    image_bottomImagePolylineGraphicData?.forEach((graphicLayer) => {
+      graphicLayers.removeGraphic(graphicLayer);
+    });
+    image_imageGraphicData?.forEach((graphicLayer) => {
+      graphicLayers.removeGraphic(graphicLayer);
+    });
+    // 图层数据
+    image_bottomPointGraphicData = [];
+    image_flightointGraphicData = [];
+    image_bottomImagePolylineGraphicData = [];
+    image_imageGraphicData = [];
+
+    // 地图照片-遍历
+    let rotation = 0;
+    props.allImageDataList.forEach((item, index) => {
+      if (
+        item.photo_position &&
+        item.photo_position.lng &&
+        item.photo_position.lat &&
+        item.photo_position.abs_alt
+      ) {
+        const image = new Image();
+        image.crossOrigin = 'Anonymous';
+        // image.src = item.preview_url;
+        image.src =
+          'https://m.tuniucdn.com/fb2/t1/G5/M00/44/52/Cii-s1soezyIF2UxABn76u-yKl8AAIwBgB34jAAGfwC3020871';
+        image.onload = () => {
+          // 创建Canvas元素
+          const canvas = document.createElement('canvas');
+          canvas.width = 34;
+          canvas.height = 29;
+          // 获取Canvas绘图上下文
+          const ctx = canvas.getContext('2d');
+          ctx.fillStyle = 'white';
+          ctx?.fillRect(0, 0, canvas.width, canvas.height);
+          // 在Canvas上绘制图片
+          ctx.drawImage(image, 2, 2, 30, 25);
+          // 将Canvas内容转换为图片的数据URL
+          const dataURL1 = canvas.toDataURL('image/png');
+
+          // 在Canvas上绘制图片（假设image变量已经定义并且是一个有效的Image对象）
+          ctx.drawImage(image, 2, 2, 30, 25);
+          // 设置边框颜色和宽度
+          ctx.strokeStyle = '#2d8cef'; // 蓝色边框
+          ctx.lineWidth = 1; // 边框宽度
+          // 绘制边框
+          ctx.strokeRect(0.5, 0.5, canvas.width - 1, canvas.height - 1); // 调整坐标和尺寸以适应边框宽度
+          // 将Canvas内容转换为图片的数据URL
+          const dataURL2 = canvas.toDataURL('image/png');
+
+          // 位置
+          let position = [
+            parseFloat(item?.photo_position?.lng),
+            parseFloat(item.photo_position.lat),
+            parseFloat(item.photo_position.abs_alt),
+          ];
+          // 地形高度
+          mars3d.PointUtil.getSurfaceHeight(
+            map.scene,
+            Cesium.Cartesian3.fromDegrees(position[0], position[1]),
+          ).then((point) => {
+            // 地面点
+            let bottomPointGraphic = new mars3d.graphic.BillboardEntity({
+              id: item.id + '_bottom',
+              position: [position[0], position[1], point.height],
+              style: {
+                image: '/src/assets/images/flightoperation/mediaLibraryPoint.png',
+                clampToGround: true,
+                scale: 1,
+                verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+              },
+              hasEdit: false,
+            });
+            if (index + 1 < props.allImageDataList.length) {
+              const afterItem = props.allImageDataList[index + 1];
+              let lng = afterItem.photo_position.lng - item.photo_position.lng;
+              let lat = afterItem.photo_position.lat - item.photo_position.lat;
+              let angleARad = Math.atan(lng / lat);
+              let angleA = (angleARad * 180) / Math.PI;
+              rotation = angleA;
+            }
+            // 飞行点
+            let flightointGraphic = new mars3d.graphic.BillboardEntity({
+              id: item.id + '_flight',
+              position: [position[0], position[1], position[2] * 2],
+              style: {
+                image: '/src/assets/images/flightoperation/mediaLibraryFlight.png',
+                clampToGround: false,
+                scale: 1,
+                verticalOrigin: Cesium.VerticalOrigin.CENTER,
+                rotation: rotation,
+              },
+              hasEdit: false,
+              show: false,
+            });
+            // 地面点到展示图片的线
+            let bottomImagePolylineGraphic = new mars3d.graphic.PolylineEntity({
+              id: item.id + '_polyline',
+              positions: [
+                Cesium.Cartesian3.fromDegrees(position[0], position[1], point.height),
+                Cesium.Cartesian3.fromDegrees(position[0], position[1], position[2]),
+              ],
+              style: {
+                color: '#ffffff',
+                width: 1, // 线宽
+                clampToGround: false,
+              },
+              hasEdit: false,
+              // 用于恢复默认
+              defaultPosition: position,
+              // 地形高度
+              surfaceHeight: point.height,
+            });
+            // 展示图片
+            let imageGraphic = new mars3d.graphic.BillboardEntity({
+              id: item.id + '_image',
+              position: [position[0], position[1], position[2]],
+              style: {
+                image: dataURL1,
+                clampToGround: false,
+                scale: 1,
+                verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                label: {
+                  text: `${item.name}`,
+                  font_size: 14,
+                  color: '#2d8cf0',
+                  outline: true,
+                  outlineColor: '#ffffff',
+                  verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+                  horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+                  pixelOffset: [25, -5],
+                  show: false,
+                },
+              },
+              hasEdit: false,
+              // 用于恢复默认
+              defaultImage: dataURL1,
+              // 用于外侧修改图片
+              chooseImage: dataURL2,
+            });
+            // 监听mouseover事件
+            imageGraphic.on(mars3d.EventType.mouseOver, function () {
+              if (!props.nowShowImageData || props.nowShowImageData.id !== item.id) {
+                // 鼠标悬停时更改图片、图片变大
+                imageGraphic.setStyle({
+                  image: dataURL2,
+                  scale: 1.1,
+                  label: {
+                    show: true,
+                  },
+                });
+              }
+            });
+            // 监听mouseout事件
+            imageGraphic.on(mars3d.EventType.mouseOut, function () {
+              if (!props.nowShowImageData || props.nowShowImageData.id !== item.id) {
+                // 鼠标移出时恢复默认图片、图片恢复大小
+                imageGraphic.setStyle({
+                  image: dataURL1,
+                  scale: 1,
+                  label: {
+                    show: false,
+                  },
+                });
+              }
+            });
+            // 监听点击事件
+            imageGraphic.on(mars3d.EventType.click, function () {
+              // 点击当前展示的图片
+              if (props.nowShowImageData && props.nowShowImageData.id == item.id) {
+                // 全部恢复默认
+                imageRestoreDefault();
+                emits('setNowShowImageData', {});
+                emits('closePathImageInfo');
+              } else if (!props.nowShowImageData || props.nowShowImageData.id !== item.id) {
+                // 当前展示图片为空 或者 点击与当前展示不同
+                // 全部恢复默认
+                imageRestoreDefault();
+                // 鼠标点击
+                // 更新 PolylineEntity 的位置
+                bottomImagePolylineGraphic.positions = [
+                  Cesium.Cartesian3.fromDegrees(position[0], position[1], point.height),
+                  Cesium.Cartesian3.fromDegrees(position[0], position[1], position[2] * 2),
+                ];
+                // 更新 PolylineEntity 的颜色
+                bottomImagePolylineGraphic.setStyle({
+                  color: '#2d8cf0',
+                });
+                // 飞行点显示
+                flightointGraphic.show = true;
+                // 鼠标更改图片
+                imageGraphic.setStyle({
+                  image: dataURL2,
+                  label: {
+                    show: true,
+                  },
+                });
+                emits('setNowShowImageData', item);
+              }
+            });
+            // 将地面点 添加到图层中
+            graphicLayers.addGraphic(bottomPointGraphic);
+            // 将飞行点 添加到图层中
+            graphicLayers.addGraphic(flightointGraphic);
+            // 地面点到展示图片的线 添加到图层中
+            graphicLayers.addGraphic(bottomImagePolylineGraphic);
+            // 展示图片 添加到图层中
+            graphicLayers.addGraphic(imageGraphic);
+            // 数据
+            image_bottomPointGraphicData.push(bottomPointGraphic);
+            image_flightointGraphicData.push(flightointGraphic);
+            image_bottomImagePolylineGraphicData.push(bottomImagePolylineGraphic);
+            image_imageGraphicData.push(imageGraphic);
+          });
+        };
+      }
+    });
+  };
+  // 地图照片-恢复默认
+  function imageRestoreDefault() {
+    // 飞行点
+    for (let i = 0; i < image_flightointGraphicData.length; i++) {
+      let flightointGraphic = image_flightointGraphicData[i];
+      flightointGraphic.show = false;
+    }
+    // 地面点到展示图片的线
+    for (let i = 0; i < image_bottomImagePolylineGraphicData.length; i++) {
+      let bottomImagePolylineGraphic = image_bottomImagePolylineGraphicData[i];
+      let defaultPosition = bottomImagePolylineGraphic.options.defaultPosition;
+      let surfaceHeight = bottomImagePolylineGraphic.options.surfaceHeight;
+      bottomImagePolylineGraphic.setStyle({
+        color: '#ffffff',
+      });
+      bottomImagePolylineGraphic.positions = [
+        Cesium.Cartesian3.fromDegrees(defaultPosition[0], defaultPosition[1], surfaceHeight),
+        Cesium.Cartesian3.fromDegrees(defaultPosition[0], defaultPosition[1], defaultPosition[2]),
+      ];
+    }
+    // 展示图片
+    for (let i = 0; i < image_imageGraphicData.length; i++) {
+      let imageGraphic = image_imageGraphicData[i];
+      let defaultImage = imageGraphic.options.defaultImage;
+      imageGraphic.setStyle({
+        image: defaultImage,
+        scale: 1,
+        label: {
+          show: false,
+        },
+      });
+    }
+  }
+  // 地图照片-右侧图片模块修改当前显示图片
+  function setNowShowImageByRight() {
+    setTimeout(() => {
+      // 全部恢复默认
+      imageRestoreDefault();
+      // 飞行点
+      for (let i = 0; i < image_flightointGraphicData.length; i++) {
+        if (image_flightointGraphicData[i].options.id.includes(props.nowShowImageData.id)) {
+          let flightointGraphic = image_flightointGraphicData[i];
+          flightointGraphic.show = true;
+        }
+      }
+      // 地面点到展示图片的线
+      for (let i = 0; i < image_bottomImagePolylineGraphicData.length; i++) {
+        if (
+          image_bottomImagePolylineGraphicData[i].options.id.includes(props.nowShowImageData.id)
+        ) {
+          let bottomImagePolylineGraphic = image_bottomImagePolylineGraphicData[i];
+          let defaultPosition = bottomImagePolylineGraphic.options.defaultPosition;
+          let surfaceHeight = bottomImagePolylineGraphic.options.surfaceHeight;
+          bottomImagePolylineGraphic.setStyle({
+            color: '#2d8cf0',
+          });
+          bottomImagePolylineGraphic.positions = [
+            Cesium.Cartesian3.fromDegrees(defaultPosition[0], defaultPosition[1], surfaceHeight),
+            Cesium.Cartesian3.fromDegrees(
+              defaultPosition[0],
+              defaultPosition[1],
+              defaultPosition[2] * 2,
+            ),
+          ];
+        }
+      }
+      // 展示图片
+      for (let i = 0; i < image_imageGraphicData.length; i++) {
+        if (image_imageGraphicData[i].options.id.includes(props.nowShowImageData.id)) {
+          let imageGraphic = image_imageGraphicData[i];
+          let chooseImage = imageGraphic.options.chooseImage;
+          imageGraphic.setStyle({
+            image: chooseImage,
+            label: {
+              show: true,
+            },
+          });
+        }
+      }
+    }, 500);
+  }
+
+  // 地图作业区域--------------------------------------------------------------------
+  watch(
+    () => props.allAreaDataList,
+    () => {
+      showAllAreaDataList();
+    },
+  );
+  watch(
+    () => props.nowShowAreaData,
+    (newVal, oldVal) => {
+      let time = dayjs().format('YYYY-MM-DD HH:mm:ss');
+      if (newVal) {
+        // 样式
+        area_noland_PolygonGraphicData?.forEach((graphicLayer) => {
+          if (graphicLayer.options.id == props.nowShowAreaData.id) {
+            graphicLayer.setStyle({
+              label: {
+                text: props.nowShowAreaData.name,
+                color: graphicLayer.options.style.color,
+              },
+            });
+            if (oldVal && newVal.id == oldVal.id) {
+              addAndUpdateWorkArea(graphicLayer, 'noland_Polygon', time, 'update');
+            }
+          }
+        });
+        area_dfence_PolygonGraphicData?.forEach((graphicLayer) => {
+          if (graphicLayer.options.id == props.nowShowAreaData.id) {
+            graphicLayer.setStyle({
+              label: {
+                text: props.nowShowAreaData.name,
+                color: graphicLayer.options.style.color.substring(0, 7),
+              },
+            });
+            if (oldVal && newVal.id == oldVal.id) {
+              addAndUpdateWorkArea(graphicLayer, 'dfence_Polygon', time, 'update');
+            }
+          }
+        });
+        area_nfz_PolygonGraphicData?.forEach((graphicLayer) => {
+          if (graphicLayer.options.id == props.nowShowAreaData.id) {
+            graphicLayer.setStyle({
+              label: {
+                text: props.nowShowAreaData.name,
+                color: graphicLayer.options.style.color.substring(0, 7),
+              },
+            });
+            if (oldVal && newVal.id == oldVal.id) {
+              addAndUpdateWorkArea(graphicLayer, 'nfz_Polygon', time, 'update');
+            }
+          }
+        });
+        area_dfence_CircleGraphicData?.forEach((graphicLayer) => {
+          if (graphicLayer.options.id == props.nowShowAreaData.id) {
+            graphicLayer.setStyle({
+              radius: props.nowShowAreaData.properties.radius,
+              label: {
+                text: props.nowShowAreaData.name,
+                color: graphicLayer.options.style.color.substring(0, 7),
+              },
+            });
+            if (oldVal && newVal.id == oldVal.id) {
+              addAndUpdateWorkArea(graphicLayer, 'dfence_Circle', time, 'update');
+            }
+          }
+        });
+        area_nfz_CircleGraphicData?.forEach((graphicLayer) => {
+          if (graphicLayer.options.id == props.nowShowAreaData.id) {
+            graphicLayer.setStyle({
+              radius: props.nowShowAreaData.properties.radius,
+              label: {
+                text: props.nowShowAreaData.name,
+                color: graphicLayer.options.style.color.substring(0, 7),
+              },
+            });
+            if (oldVal && newVal.id == oldVal.id) {
+              addAndUpdateWorkArea(graphicLayer, 'nfz_Circle', time, 'update');
+            }
+          }
+        });
+      }
+    },
+    {
+      deep: true,
+    },
+  );
+
+  watch(
+    () => area_noland_PolygonGraphicData,
+    () => {
+      console.log(area_noland_PolygonGraphicData);
+    },
+    {
+      deep: true,
+    },
+  );
+  // 地图作业区域-初始化-遍历展示
+  function showAllAreaDataList() {
+    // 删除旧数据
+    area_noland_PolygonGraphicData?.forEach((graphicLayer) => {
+      graphicLayers.removeGraphic(graphicLayer);
+    });
+    area_dfence_PolygonGraphicData?.forEach((graphicLayer) => {
+      graphicLayers.removeGraphic(graphicLayer);
+    });
+    area_dfence_CircleGraphicData?.forEach((graphicLayer) => {
+      graphicLayers.removeGraphic(graphicLayer);
+    });
+    area_nfz_PolygonGraphicData?.forEach((graphicLayer) => {
+      graphicLayers.removeGraphic(graphicLayer);
+    });
+    area_nfz_CircleGraphicData?.forEach((graphicLayer) => {
+      graphicLayers.removeGraphic(graphicLayer);
+    });
+    // 图层数据
+    area_noland_PolygonGraphicData = [];
+    // 地图作业区域-作业区-多边形
+    area_dfence_PolygonGraphicData = [];
+    // 地图作业区域-作业区-圈
+    area_dfence_CircleGraphicData = [];
+    // 地图作业区域-限飞区-多边形
+    area_nfz_PolygonGraphicData = [];
+    // 地图作业区域-限飞区-圈
+    area_nfz_CircleGraphicData = [];
+    if (!props.allAreaDataList || props.allAreaDataList.length == 0) {
+      return;
+    }
+    props.allAreaDataList.forEach((item, index) => {
+      // console.log(item);
+      // 地图作业区域-禁降区-线
+      if (item.type == 'noland' && item.geomtype == 'Polygon') {
+        let nolandPolygonGraphic = new mars3d.graphic.PolygonEntity({
+          id: item.id,
+          positions: item.coordinates,
+          style: {
+            clampToGround: item.properties.clampToGround,
+            fill: false,
+            color: item.state == 0 ? item.properties.color : '#6d6d6d',
+            outline: true,
+            outlineStyle: {
+              width: 12,
+              materialType: mars3d.MaterialType.LineCross,
+              materialOptions: {
+                color: item.state == 0 ? item.properties.color : '#6d6d6d', // 中心线颜色
+                dashLength: 36, // 十字长度
+                maskLength: 10, // 空隙间隔长度
+                centerPower: 0.1, // 中心宽百分比
+                dashPower: 0.2, // 虚线百分比
+              },
+            },
+            label: {
+              text: `${item.name}`,
+              font_size: 16,
+              color: '#000000',
+              outline: true,
+              outlineColor: '#ffffff',
+              outlineWidth: 6,
+              verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+              horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+              pixelOffset: [25, -5],
+            },
+          },
+        });
+        // 监听mouseover事件
+        nolandPolygonGraphic.on(mars3d.EventType.mouseOver, function () {
+          if (!props.nowShowAreaData || props.nowShowAreaData.id !== item.id) {
+            nolandPolygonGraphic.setStyle({
+              label: {
+                color: item.state == 0 ? item.properties.color : '#6d6d6d',
+              },
+            });
+          }
+        });
+        // 监听mouseout事件
+        nolandPolygonGraphic.on(mars3d.EventType.mouseOut, function () {
+          if (!props.nowShowAreaData || props.nowShowAreaData.id !== item.id) {
+            nolandPolygonGraphic.setStyle({
+              label: {
+                color: '#000000',
+              },
+            });
+          }
+        });
+        // 监听点击事件
+        nolandPolygonGraphic.on(mars3d.EventType.click, function () {
+          // 全部恢复默认
+          areaRestoreDefault();
+          nolandPolygonGraphic.setStyle({
+            label: {
+              color: item.state == 0 ? item.properties.color : '#6d6d6d',
+            },
+          });
+          emits('setNowShowAreaData', item);
+        });
+        // 将 禁降区-线 添加到图层中
+        graphicLayers.addGraphic(nolandPolygonGraphic);
+        // 数据
+        area_noland_PolygonGraphicData.push(nolandPolygonGraphic);
+      }
+      // 地图作业区域-作业区-多边形
+      if (item.type == 'dfence' && item.geomtype == 'Polygon') {
+        let dfence_PolygonGraphic = new mars3d.graphic.PolygonEntity({
+          id: item.id,
+          positions: item.coordinates,
+          style: {
+            clampToGround: item.properties.clampToGround,
+            fill: false,
+            color: item.state == 0 ? item.properties.color : '#6d6d6d',
+            outline: true,
+            outlineStyle: {
+              width: 12,
+              materialType: mars3d.MaterialType.LineCross,
+              materialOptions: {
+                background: true,
+                color: item.state == 0 ? item.properties.color : '#6d6d6d',
+                dashLength: 36,
+                maskLength: 10,
+                centerPower: 0.1,
+                dashPower: 0.2,
+              },
+            },
+            label: {
+              text: `${item.name}`,
+              font_size: 16,
+              color: '#000000',
+              outline: true,
+              outlineColor: '#ffffff',
+              outlineWidth: 6,
+              verticalOrigin: Cesium.VerticalOrigin.CENTER,
+              horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            },
+          },
+        });
+        // 监听mouseover事件
+        dfence_PolygonGraphic.on(mars3d.EventType.mouseOver, function () {
+          if (!props.nowShowAreaData || props.nowShowAreaData.id !== item.id) {
+            dfence_PolygonGraphic.setStyle({
+              label: {
+                color: item.state == 0 ? item.properties.color : '#6d6d6d',
+              },
+            });
+          }
+        });
+        // 监听mouseout事件
+        dfence_PolygonGraphic.on(mars3d.EventType.mouseOut, function () {
+          if (!props.nowShowAreaData || props.nowShowAreaData.id !== item.id) {
+            dfence_PolygonGraphic.setStyle({
+              label: {
+                color: '#000000',
+              },
+            });
+          }
+        });
+        // 监听点击事件
+        dfence_PolygonGraphic.on(mars3d.EventType.click, function () {
+          // 全部恢复默认
+          areaRestoreDefault();
+          dfence_PolygonGraphic.setStyle({
+            label: {
+              color: item.state == 0 ? item.properties.color : '#6d6d6d',
+            },
+          });
+          emits('setNowShowAreaData', item);
+        });
+        // 将 作业区-圈 添加到图层中
+        graphicLayers.addGraphic(dfence_PolygonGraphic);
+        // 数据
+        area_dfence_PolygonGraphicData.push(dfence_PolygonGraphic);
+      }
+      // 地图作业区域-限飞区-多边形
+      if (item.type == 'nfz' && item.geomtype == 'Polygon') {
+        let nfz_PolygonGraphic = new mars3d.graphic.PolygonEntity({
+          id: item.id,
+          positions: item.coordinates,
+          style: {
+            clampToGround: item.properties.clampToGround,
+            color: item.state == 0 ? item.properties.color + '33' : '#6d6d6d' + '33',
+            outline: true,
+            outlineStyle: {
+              width: 12,
+              materialType: mars3d.MaterialType.LineCross,
+              materialOptions: {
+                color: item.state == 0 ? item.properties.color : '#6d6d6d',
+                dashLength: 36,
+                maskLength: 10,
+                centerPower: 0.1,
+                dashPower: 0.2,
+              },
+            },
+            label: {
+              text: `${item.name}`,
+              font_size: 16,
+              color: '#000000',
+              outline: true,
+              outlineColor: '#ffffff',
+              outlineWidth: 6,
+              verticalOrigin: Cesium.VerticalOrigin.CENTER,
+              horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            },
+          },
+        });
+        // 监听mouseover事件
+        nfz_PolygonGraphic.on(mars3d.EventType.mouseOver, function () {
+          if (!props.nowShowAreaData || props.nowShowAreaData.id !== item.id) {
+            nfz_PolygonGraphic.setStyle({
+              label: {
+                color: item.state == 0 ? item.properties.color : '#6d6d6d',
+              },
+            });
+          }
+        });
+        // 监听mouseout事件
+        nfz_PolygonGraphic.on(mars3d.EventType.mouseOut, function () {
+          if (!props.nowShowAreaData || props.nowShowAreaData.id !== item.id) {
+            nfz_PolygonGraphic.setStyle({
+              label: {
+                color: '#000000',
+              },
+            });
+          }
+        });
+        // 监听点击事件
+        nfz_PolygonGraphic.on(mars3d.EventType.click, function () {
+          // 全部恢复默认
+          areaRestoreDefault();
+          nfz_PolygonGraphic.setStyle({
+            label: {
+              color: item.state == 0 ? item.properties.color : '#6d6d6d',
+            },
+          });
+          emits('setNowShowAreaData', item);
+        });
+        // 将 作业区-圈 添加到图层中
+        graphicLayers.addGraphic(nfz_PolygonGraphic);
+        // 数据
+        area_nfz_PolygonGraphicData.push(nfz_PolygonGraphic);
+      }
+      // 地图作业区域-作业区-圈
+      if (item.type == 'dfence' && item.geomtype == 'Circle') {
+        let dfence_CircleGraphic = new mars3d.graphic.CircleEntity({
+          id: item.id,
+          position: item.properties.centerPoint,
+          style: {
+            clampToGround: item.properties.clampToGround,
+            radius: item.properties.radius,
+            fill: false,
+            color: item.state == 0 ? item.properties.color : '#6d6d6d',
+            outline: true,
+            outlineStyle: {
+              width: 12,
+              materialType: mars3d.MaterialType.LineCross,
+              materialOptions: {
+                background: true,
+                color: item.state == 0 ? item.properties.color : '#6d6d6d',
+                dashLength: 36,
+                maskLength: 10,
+                centerPower: 0.1,
+                dashPower: 0.2,
+              },
+            },
+            label: {
+              text: `${item.name}`,
+              font_size: 16,
+              color: '#000000',
+              outline: true,
+              outlineColor: '#ffffff',
+              outlineWidth: 6,
+              verticalOrigin: Cesium.VerticalOrigin.CENTER,
+              horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            },
+          },
+        });
+        // 监听mouseover事件
+        dfence_CircleGraphic.on(mars3d.EventType.mouseOver, function () {
+          if (!props.nowShowAreaData || props.nowShowAreaData.id !== item.id) {
+            dfence_CircleGraphic.setStyle({
+              label: {
+                color: item.state == 0 ? item.properties.color : '#6d6d6d',
+              },
+            });
+          }
+        });
+        // 监听mouseout事件
+        dfence_CircleGraphic.on(mars3d.EventType.mouseOut, function () {
+          if (!props.nowShowAreaData || props.nowShowAreaData.id !== item.id) {
+            dfence_CircleGraphic.setStyle({
+              label: {
+                color: '#000000',
+              },
+            });
+          }
+        });
+        // 监听点击事件
+        dfence_CircleGraphic.on(mars3d.EventType.click, function () {
+          // 全部恢复默认
+          areaRestoreDefault();
+          dfence_CircleGraphic.setStyle({
+            label: {
+              color: item.state == 0 ? item.properties.color : '#6d6d6d',
+            },
+          });
+          emits('setNowShowAreaData', item);
+        });
+        // 将 作业区-圈 添加到图层中
+        graphicLayers.addGraphic(dfence_CircleGraphic);
+        // 数据
+        area_dfence_CircleGraphicData.push(dfence_CircleGraphic);
+      }
+      // 地图作业区域-限飞区-圈
+      if (item.type == 'nfz' && item.geomtype == 'Circle') {
+        let nfz_CircleGraphic = new mars3d.graphic.CircleEntity({
+          id: item.id,
+          position: item.properties.centerPoint,
+          style: {
+            clampToGround: item.properties.clampToGround,
+            radius: item.properties.radius,
+            color: item.state == 0 ? item.properties.color + '33' : '#6d6d6d' + '33',
+            outline: true,
+            outlineStyle: {
+              width: 12,
+              materialType: mars3d.MaterialType.LineCross,
+              materialOptions: {
+                color: item.state == 0 ? item.properties.color : '#6d6d6d',
+                dashLength: 36,
+                maskLength: 10,
+                centerPower: 0.1,
+                dashPower: 0.2,
+              },
+            },
+            label: {
+              text: `${item.name}`,
+              font_size: 16,
+              color: '#000000',
+              outline: true,
+              outlineColor: '#ffffff',
+              outlineWidth: 6,
+              verticalOrigin: Cesium.VerticalOrigin.CENTER,
+              horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+            },
+          },
+        });
+        // 监听mouseover事件
+        nfz_CircleGraphic.on(mars3d.EventType.mouseOver, function () {
+          if (!props.nowShowAreaData || props.nowShowAreaData.id !== item.id) {
+            nfz_CircleGraphic.setStyle({
+              label: {
+                color: item.state == 0 ? item.properties.color : '#6d6d6d',
+              },
+            });
+          }
+        });
+        // 监听mouseout事件
+        nfz_CircleGraphic.on(mars3d.EventType.mouseOut, function () {
+          if (!props.nowShowAreaData || props.nowShowAreaData.id !== item.id) {
+            nfz_CircleGraphic.setStyle({
+              label: {
+                color: '#000000',
+              },
+            });
+          }
+        });
+        // 监听点击事件
+        nfz_CircleGraphic.on(mars3d.EventType.click, function () {
+          // 全部恢复默认
+          areaRestoreDefault();
+          nfz_CircleGraphic.setStyle({
+            label: {
+              color: item.state == 0 ? item.properties.color : '#6d6d6d',
+            },
+          });
+          emits('setNowShowAreaData', item);
+        });
+        // 将 限飞区-圈 添加到图层中
+        graphicLayers.addGraphic(nfz_CircleGraphic);
+        // 数据
+        area_nfz_CircleGraphicData.push(nfz_CircleGraphic);
+      }
+    });
+  }
+  // 地图作业区域-恢复默认
+  function areaRestoreDefault() {
+    // 作业区-多边形-恢复默认
+    for (let i = 0; i < area_noland_PolygonGraphicData.length; i++) {
+      let graphic = area_noland_PolygonGraphicData[i];
+      graphic.setStyle({
+        label: {
+          color: '#000000',
+        },
+      });
+    }
+    // 作业区-多边形-恢复默认
+    for (let i = 0; i < area_dfence_PolygonGraphicData.length; i++) {
+      let graphic = area_dfence_PolygonGraphicData[i];
+      graphic.setStyle({
+        label: {
+          color: '#000000',
+        },
+      });
+    }
+    // 限飞区-多边形-恢复默认
+    for (let i = 0; i < area_nfz_PolygonGraphicData.length; i++) {
+      let graphic = area_nfz_PolygonGraphicData[i];
+      graphic.setStyle({
+        label: {
+          color: '#000000',
+        },
+      });
+    }
+    // 作业区-圈-恢复默认
+    for (let i = 0; i < area_dfence_CircleGraphicData.length; i++) {
+      let graphic = area_dfence_CircleGraphicData[i];
+      graphic.setStyle({
+        label: {
+          color: '#000000',
+        },
+      });
+    }
+    // 限飞区-圈-恢复默认
+    for (let i = 0; i < area_nfz_CircleGraphicData.length; i++) {
+      let graphic = area_nfz_CircleGraphicData[i];
+      graphic.setStyle({
+        label: {
+          color: '#000000',
+        },
+      });
+    }
+  }
+
+  // 地图区域-绘制
+  const mapAreaDrawFlag = ref(false);
+  const areaDrawType = ref('dfence_Polygon');
+  async function drawArea() {
+    if (mapAreaDrawFlag.value) {
+      mapAreaDrawFlag.value = false;
+      return;
+    }
+    mapAreaDrawFlag.value = true;
+    let time = dayjs().format('YYYY-MM-DD HH:mm:ss');
+    // 自定义禁降区
+    if (areaDrawType.value == 'noland_Polygon') {
+      const graphic = await graphicLayers.startDraw({
+        type: 'polygon',
+        style: {
+          clampToGround: true,
+          color: '#FF9900',
+          fill: false,
+          outline: true,
+          outlineStyle: {
+            width: 12,
+            materialType: mars3d.MaterialType.LineCross,
+            materialOptions: {
+              color: '#FF9900',
+              dashLength: 36,
+              maskLength: 10,
+              centerPower: 0.1,
+              dashPower: 0.2,
+            },
+          },
+          label: {
+            text: `自定义禁降区${time}`,
+            font_size: 16,
+            color: '#000000',
+            outline: true,
+            outlineColor: '#ffffff',
+            outlineWidth: 6,
+            verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+            horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
+            pixelOffset: [25, -5],
+          },
+        },
+      });
+      area_dfence_PolygonGraphicData.push(graphic);
+      addAndUpdateWorkArea(graphic, 'noland_Polygon', time);
+    }
+    // 自定义多边形限飞区
+    if (areaDrawType.value == 'nfz_Polygon') {
+      const graphic = await graphicLayers.startDraw({
+        type: 'polygon',
+        style: {
+          clampToGround: true,
+          color: '#FF0000' + '33',
+          outline: true,
+          outlineStyle: {
+            width: 12,
+            materialType: mars3d.MaterialType.LineCross,
+            materialOptions: {
+              color: '#FF0000',
+              dashLength: 36,
+              maskLength: 10,
+              centerPower: 0.1,
+              dashPower: 0.2,
+            },
+          },
+          label: {
+            text: `自定义多边形限飞区${time}`,
+            font_size: 16,
+            color: '#000000',
+            outline: true,
+            outlineColor: '#ffffff',
+            outlineWidth: 6,
+            verticalOrigin: Cesium.VerticalOrigin.CENTER,
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+          },
+        },
+      });
+      area_nfz_PolygonGraphicData.push(graphic);
+      addAndUpdateWorkArea(graphic, 'nfz_Polygon', time);
+    }
+    // 自定义圆形限飞区
+    if (areaDrawType.value == 'nfz_Circle') {
+      const graphic = await graphicLayers.startDraw({
+        type: 'circle',
+        style: {
+          clampToGround: true,
+          color: '#FF0000' + '33',
+          outline: true,
+          outlineStyle: {
+            width: 12,
+            materialType: mars3d.MaterialType.LineCross,
+            materialOptions: {
+              background: true,
+              color: '#FF0000',
+              dashLength: 36,
+              maskLength: 10,
+              centerPower: 0.1,
+              dashPower: 0.2,
+            },
+          },
+          label: {
+            text: `自定义圆形限飞区${time}`,
+            font_size: 16,
+            color: '#000000',
+            outline: true,
+            outlineColor: '#ffffff',
+            outlineWidth: 6,
+            verticalOrigin: Cesium.VerticalOrigin.CENTER,
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+          },
+        },
+      });
+      area_nfz_CircleGraphicData.push(graphic);
+      addAndUpdateWorkArea(graphic, 'nfz_Circle', time);
+    }
+    // 自定义多边形作业区
+    if (areaDrawType.value == 'dfence_Polygon') {
+      const graphic = await graphicLayers.startDraw({
+        type: 'polygon',
+        style: {
+          clampToGround: true,
+          color: '#00FF00',
+          fill: false,
+          outline: true,
+          outlineStyle: {
+            width: 12,
+            materialType: mars3d.MaterialType.LineCross,
+            materialOptions: {
+              color: '#00FF00',
+              dashLength: 36,
+              maskLength: 10,
+              centerPower: 0.1,
+              dashPower: 0.2,
+            },
+          },
+          label: {
+            text: `自定义多边形作业区${time}`,
+            font_size: 16,
+            color: '#000000',
+            outline: true,
+            outlineColor: '#ffffff',
+            outlineWidth: 6,
+            verticalOrigin: Cesium.VerticalOrigin.CENTER,
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+          },
+        },
+      });
+      area_dfence_PolygonGraphicData.push(graphic);
+      addAndUpdateWorkArea(graphic, 'dfence_Polygon', time);
+    }
+    // 自定义圆形作业区
+    if (areaDrawType.value == 'dfence_Circle') {
+      const graphic = await graphicLayers.startDraw({
+        type: 'circle',
+        style: {
+          clampToGround: true,
+          fill: false,
+          color: '#00FF00',
+          outline: true,
+          outlineStyle: {
+            width: 12,
+            materialType: mars3d.MaterialType.LineCross,
+            materialOptions: {
+              background: true,
+              color: '#00FF00',
+              dashLength: 36,
+              maskLength: 10,
+              centerPower: 0.1,
+              dashPower: 0.2,
+            },
+          },
+          label: {
+            text: `自定义圆形作业区${time}`,
+            font_size: 16,
+            color: '#000000',
+            outline: true,
+            outlineColor: '#ffffff',
+            outlineWidth: 6,
+            verticalOrigin: Cesium.VerticalOrigin.CENTER,
+            horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+          },
+        },
+      });
+      area_dfence_CircleGraphicData.push(graphic);
+      addAndUpdateWorkArea(graphic, 'dfence_Circle', time);
+    }
+  }
+
+  // 新增到数据库并刷新列表
+  async function addAndUpdateWorkArea(graphic, areatype, time, addOrUpdate = 'add') {
+    let graphicJson = graphic.toJSON();
+    let params: any = {};
+    let coordinates = graphicJson.position || graphicJson.positions;
+    let properties = {};
+    let polygonData: any = [];
+    let type = '';
+    let geom = '';
+    switch (areatype) {
+      // 自定义禁降区
+      case 'noland_Polygon':
+        type = 'noland';
+        coordinates.push(coordinates[0]);
+        if (addOrUpdate == 'add') {
+          polygonData.push(coordinates);
+        } else {
+          polygonData = coordinates;
+        }
+        geom = GeojsonToWkt(turf.polygon(polygonData).geometry);
+        properties = {
+          clampToGround: true,
+          color: '#FF9900',
+          centerPoint: coordinates[0],
+        };
+        break;
+      // 自定义多边形作业区
+      case 'dfence_Polygon':
+        type = 'dfence';
+        coordinates.push(coordinates[0]);
+        if (addOrUpdate == 'add') {
+          polygonData.push(coordinates);
+        } else {
+          polygonData = coordinates;
+        }
+        geom = GeojsonToWkt(turf.polygon(polygonData).geometry);
+        properties = {
+          clampToGround: true,
+          color: '#00FF00',
+          centerPoint: coordinates[0],
+        };
+        break;
+      // 自定义多边形限飞区
+      case 'nfz_Polygon':
+        type = 'nfz';
+        coordinates.push(coordinates[0]);
+        if (addOrUpdate == 'add') {
+          polygonData.push(coordinates);
+        } else {
+          polygonData = coordinates;
+        }
+        geom = GeojsonToWkt(turf.polygon(polygonData).geometry);
+        properties = {
+          clampToGround: true,
+          color: '#FF0000',
+          centerPoint: coordinates[0],
+        };
+        break;
+      // 自定义圆形作业区
+      case 'dfence_Circle':
+        type = 'dfence';
+        geom = GeojsonToWkt(turf.circle(coordinates, graphicJson.style.radius).geometry);
+        properties = {
+          clampToGround: true,
+          color: '#00FF00',
+          radius: graphicJson.style.radius,
+          centerPoint: coordinates,
+        };
+        break;
+      // 自定义圆形限飞区
+      case 'nfz_Circle':
+        type = 'nfz';
+        geom = GeojsonToWkt(turf.circle(coordinates, graphicJson.style.radius).geometry);
+        properties = {
+          clampToGround: true,
+          color: '#FF0000',
+          radius: graphicJson.style.radius,
+          centerPoint: coordinates,
+        };
+        break;
+    }
+    if (addOrUpdate == 'add') {
+      params = {
+        name: graphicJson.style.label.text,
+        type: type,
+        properties: JSON.stringify(properties),
+        createTime: time,
+        createUser: '',
+        geom: geom,
+        workSpaceId: '1',
+        state: 0,
+        createUserName: '',
+      };
+      AddWorkArea(params).then((result) => {
+        // 刷新区域信息
+        emits('setAllAreaData');
+        mapAreaDrawFlag.value = false;
+      });
+    } else {
+      params = {
+        id: graphicJson.id,
+        name: graphicJson.style.label.text,
+        type: type,
+        properties: JSON.stringify(properties),
+        geom: geom,
+        workSpaceId: '1',
+        state: props.nowShowAreaData.state,
+      };
+      UpdateWorkArea(params).then((result) => {
+        // 刷新区域信息
+        // emits('setAllAreaData');
+        // mapAreaDrawFlag.value = false;
+      });
+    }
+  }
+
+  // 图斑定位
+  const handlerLocation = (lngLat) => {
+    const position = Cesium.Cartesian3.fromDegrees(lngLat[0], lngLat[1]);
+    map.flyToPoint(position);
+  };
+
+  defineExpose({
+    setNowShowImageByRight,
+    handlerLocation,
+    annotationRestoreDefault,
+    areaRestoreDefault,
+  });
+</script>
+<style lang="less" scoped>
+  .mars3d-container {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+
+  .annotationButtons {
+    position: absolute;
+    display: flex;
+    flex-wrap: wrap;
+    top: 10%;
+    right: 1%;
+    width: 30px;
+    height: 123px;
+    gap: 1px;
+  }
+
+  .button_nochoose {
+    background: #ffffff;
+    z-index: 200;
+    width: 30px;
+    height: 30px;
+    // border-radius: 3px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    &:hover {
+      border: 2px solid #2b85e4;
+      outline: 1px solid #2b85e4;
+    }
+  }
+  .button_choose {
+    background: linear-gradient(to bottom left, #2b85e4 10px, transparent 1px), #ffffff;
+    background-size:
+      100% 100%,
+      auto;
+    z-index: 200;
+    width: 30px;
+    height: 30px;
+    // border-radius: 3px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    outline: 2px solid #2b85e4;
+  }
+
+  .popoverAnnotation {
+    width: 18px;
+    height: 18px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 3px;
+  }
+
+  .areaButtons {
+    position: absolute;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    top: 30%;
+    right: 1%;
+    width: 30px;
+    height: 30px;
+  }
+
+  .popoverArea {
+    display: inline-flex;
+    align-items: center;
+    justify-content: flex-start;
+    width: 170px;
+    height: 35px;
+  }
+</style>
diff --git a/src/views/demo/system/mediaLibrary/index.vue b/src/views/demo/system/mediaLibrary/index.vue
index 2b59b5f..6acceb1 100644
--- a/src/views/demo/system/mediaLibrary/index.vue
+++ b/src/views/demo/system/mediaLibrary/index.vue
@@ -814,6 +814,7 @@
   // 打开变化检测弹窗
   const pathRecord = ref({});
   function openPathModal(record) {
+    console.log('pathRecord',record)
     pathRecord.value = record;
     pathOpen.value = true;
   }
diff --git a/src/views/demo/system/mediaLibrary/path/pathAreaInfo.vue b/src/views/demo/system/mediaLibrary/path/pathAreaInfo.vue
index 2165b03..64cc79a 100644
--- a/src/views/demo/system/mediaLibrary/path/pathAreaInfo.vue
+++ b/src/views/demo/system/mediaLibrary/path/pathAreaInfo.vue
@@ -144,6 +144,7 @@
   const { createMessage, createConfirm } = useMessage();
 
   const props = defineProps(['allAreaDataList', 'nowShowAreaData']);
+  console.log('nowShowAreaData',props.nowShowAreaData)
   const emits = defineEmits([
     'setNowShowAreaData',
     'closePathAreaInfo',
diff --git a/src/views/demo/workmanagement/projecthome/ProjectList/AddProject/index.vue b/src/views/demo/workmanagement/projecthome/ProjectList/AddProject/index.vue
index d90eb23..1d5c94e 100644
--- a/src/views/demo/workmanagement/projecthome/ProjectList/AddProject/index.vue
+++ b/src/views/demo/workmanagement/projecthome/ProjectList/AddProject/index.vue
@@ -406,23 +406,15 @@ const getLocationCenter = () => {
     const position = { lng: lon, lat }
     project.value.centerLng = lon
     project.value.centerLat = lat
-    const pointGraphic = new mars3d.graphic.PointEntity({
+    const pointGraphic = new mars3d.graphic.BillboardEntity({
       position: Cesium.Cartesian3.fromDegrees(lon, lat, height),
       style: {
-        color: '#ff0000',
-        pixelSize: 10,
-        outlineColor: '#ffffff',
-        outlineWidth: 2,
-        label: {
-          text: `经度: ${lon.toFixed(6)}\n纬度: ${lat.toFixed(6)}`,
-          font_size: 16,
-          color: '#000000',
-          outline: true,
-          outlineColor: '#ffffff',
-          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
-          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
-          pixelOffsetY: -20
-        }
+        image: '/projecthome/project_location.png',
+        width: 53,
+        height: 97,
+        scale: 1,
+        horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+        verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
       }
     })
     props.graphicLayer.clear()
diff --git a/src/views/demo/workmanagement/projecthome/ProjectList/index.vue b/src/views/demo/workmanagement/projecthome/ProjectList/index.vue
index b1290e6..0fed0bb 100644
--- a/src/views/demo/workmanagement/projecthome/ProjectList/index.vue
+++ b/src/views/demo/workmanagement/projecthome/ProjectList/index.vue
@@ -85,6 +85,7 @@ const selectProject = (item) => {
   if(props.activeProject != item.Id){
     props.airPort.latitude = null
     props.airPort.longitude = null
+    props.airPort.mode_code = null
     getClient().unsubscribe(lastSubscriptUrl.value,(error, res) => {})
   }
   emits('update:activeProject',item.Id)
@@ -99,24 +100,16 @@ const selectProject = (item) => {
     })
     let { centerLat:lat, centerLng: lon } = res.workspace
     const position:any = [lon, lat]
-    const pointGraphic = new mars3d.graphic.PointEntity({
+    const pointGraphic = new mars3d.graphic.BillboardEntity({
       position: position,
       style: {
-        color: '#ff0000',
-        pixelSize: 10,
-        outlineColor: '#ffffff',
-        outlineWidth: 2,
+        image: '/projecthome/project_location.png',
+        width: 53,
+        height: 97,
+        scale: 1,
+        horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+        verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
         clampToGround: true,
-        label: {
-          text: `${res.workspace.workspaceName}`,
-          font_size: 16,
-          color: '#000000',
-          outline: true,
-          outlineColor: '#ffffff',
-          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
-          verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
-          pixelOffsetY: -20
-        }
       }
     })
     graphicLayer.value.clear()
diff --git a/src/views/demo/workmanagement/projecthome/index.vue b/src/views/demo/workmanagement/projecthome/index.vue
index fbf7f62..d913fb3 100644
--- a/src/views/demo/workmanagement/projecthome/index.vue
+++ b/src/views/demo/workmanagement/projecthome/index.vue
@@ -39,6 +39,7 @@ const airRoute = ref({
 const airPort = ref({
   latitude: null,
   longitude: null,
+  mode_code: null,
 });
 const activeProject = ref('')
 const DESIGN_WIDTH = 1912
@@ -76,6 +77,7 @@ const connectionCallback = () => {
       if (rs.data.latitude && rs.data.longitude) {
         airPort.value.latitude = rs.data.latitude;
         airPort.value.longitude = rs.data.longitude;
+        airPort.value.mode_code = rs.data.mode_code;
       }
     }
   });
diff --git a/src/views/demo/workmanagement/workplan/components/map.vue b/src/views/demo/workmanagement/workplan/components/map.vue
index 6af5fd7..4394049 100644
--- a/src/views/demo/workmanagement/workplan/components/map.vue
+++ b/src/views/demo/workmanagement/workplan/components/map.vue
@@ -209,6 +209,7 @@ const generatePreviewPoint = (placemark)=>{
 
   // 项目首页机场位置
   let homeStartGraphic;
+  let homeStartGraphicLive;
 
   let graphic = null;
 
@@ -1812,7 +1813,7 @@ const clearAllLayer = () => {
 };
 
 
-//////////////////////////////机场和无人机////////////////////////////////////////////
+//////////////////////////////项目、机场、无人机////////////////////////////////////////////
 
 //   设置机场位置
 const setAirportPosition = async () => {
@@ -1876,21 +1877,26 @@ const setAirportPosition = async () => {
 // 项目首页设置机场位置
 const homeSetAirportPosition = () => {
   if(!graphicLayer){
-      return
-    }
-    // // 创建点的经纬度信息
-    let position = [props.homeAirport.longitude, props.homeAirport.latitude, 70];
-    // 更新航点
-    if (homeStartGraphic) {
-      homeStartGraphic.position = position
-    } else {
-      homeStartGraphic = new mars3d.graphic.BillboardEntity({
-        id: 'set-home-airport',
-        position: position,
-        style: {
-        image: '/projecthome/airport.png',
-        width: 35,
-        height: 59,
+    return
+  }
+  // // 创建点的经纬度信息
+  let position = [props.homeAirport.longitude, props.homeAirport.latitude, 70];
+  let airportImg = props.homeAirport.mode_code == 4? '/projecthome/work_airport.png': '/projecthome/standby_airport.png'
+  let airportLiveImg = props.homeAirport.mode_code == 4? '/projecthome/work_airport_live.png': '/projecthome/standby_airport_live.png'
+  // 更新航点
+  if (homeStartGraphic && homeStartGraphicLive) {
+    homeStartGraphic.position = position
+    homeStartGraphic.image = airportImg
+    homeStartGraphicLive.position = position
+    homeStartGraphicLive.image = airportLiveImg
+  } else {
+    homeStartGraphic = new mars3d.graphic.BillboardEntity({
+      id: 'set-home-airport',
+      position: position,
+      style: {
+        image: airportImg,
+        width: 118,
+        height: 133,
         scale: 1,
         horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
         verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
@@ -1902,15 +1908,36 @@ const homeSetAirportPosition = () => {
             outlineColor: '#000000',
             pixelOffsetY: -70,
         },
+      },
+    });
+    homeStartGraphicLive = new mars3d.graphic.BillboardEntity({
+      id: 'set-home-airport-live',
+      position: position,
+      style: {
+        image: airportLiveImg,
+        width: 21,
+        height: 21,
+        scale: 1,
+        horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+        verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+        pixelOffset: new Cesium.Cartesian2(45, -107),
+        label: {
+            text: '机场',
+            font_size: 14,
+            color: '#ffffff',
+            outline: true,
+            outlineColor: '#000000',
+            pixelOffsetY: -70,
         },
+      },
     });
     homeStartGraphic.on(mars3d.EventType.click, function (event) {
       emits('clickAirPort')
     });
     graphicLayer.addGraphic(homeStartGraphic);
+    graphicLayer.addGraphic(homeStartGraphicLive);
   }
 }
-
 //   设置无人机轨迹
 const setUAVPosition = () => {
     let point = graphicLayer.getGraphicById('set-uav');