From d20068f8f1c0d1f7f4077c2fdd7d46e0f5216285 Mon Sep 17 00:00:00 2001
From: GuLiMmo <2820890765@qq.com>
Date: Mon, 04 Mar 2024 17:21:53 +0800
Subject: [PATCH] 航线绘制封装、kmz文件操作封装、航线编辑修改

---
 src/components/cesiumMap/cesium.vue |   14 +++++++++++---
 1 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/cesiumMap/cesium.vue b/src/components/cesiumMap/cesium.vue
index afbbc9d..390d7c7 100644
--- a/src/components/cesiumMap/cesium.vue
+++ b/src/components/cesiumMap/cesium.vue
@@ -36,7 +36,7 @@
     </template>
     <div class="layer-icon">
       <div class="layer-btn">
-        <div class="img"></div>
+        <div class="img" :style="{'background': loadBgImg}"></div>
       </div>
     </div>
   </a-popover>
@@ -49,6 +49,7 @@
 import { gaodeSearch } from '/@/api/gaode'
 import { SearchOutlined, PlusOutlined, MinusOutlined } from '@ant-design/icons-vue'
 import { useMyStore } from '/@/store'
+import { requireImg } from '/@/utils/common'
 import * as Cesium from 'cesium'
 type result = {
   label: string,
@@ -84,7 +85,7 @@
   }
 }
 const searchLocation = _.debounce(search, 500)
-const { flyTo, addPoint, removeById, switchModel, dimension, zoonIn, zoonOut, roadPattern, patternMap } = cesiumOperation()
+const { flyTo, addPoint, removeById, switchModel, dimension, zoonIn, zoonOut, roadPattern, patternMap, loadGeoJson } = cesiumOperation()
 const enter = (e: string) => {
   removeById('key')
   const filterItem = resultList.value.find(v => v.value === e)
@@ -130,6 +131,13 @@
   store.commit('SET_MAP_SETTING_MODE', type)
   patternMap()
 }
+const loadBgImg = computed(() => {
+  if (store.state.common.mapSetting.mode === 0) {
+    return `url(${requireImg('icons/stand.png')}) no-repeat center`
+  } else {
+    return `url(${requireImg('icons/satellite-icon.png')}) no-repeat center`
+  }
+})
 const roadChange = (e:any) => {
   if (mapSetting.value.mode === 0) return
   store.commit('SET_MAP_SETTING_ROAD_LINE', e.target.checked)
@@ -139,11 +147,11 @@
     roadPattern(false)
   }
 }
-const checked = ref(true)
 </script>
 
 <style scoped lang="scss">
 .cesium {
+  position: relative;
   :deep(.cesium-viewer-bottom) {
     display: none !important;
   }

--
Gitblit v1.9.3