From aec00ecc093be803860c8675cbe1c4c776a7cb4e Mon Sep 17 00:00:00 2001
From: GuLiMmo <2820890765@qq.com>
Date: Tue, 19 Mar 2024 17:49:21 +0800
Subject: [PATCH] update： 新建航线、事件编辑、kmz文件问题修改
---
src/components/cesiumMap/cesium.vue | 16 ++++++++++++----
1 files changed, 12 insertions(+), 4 deletions(-)
diff --git a/src/components/cesiumMap/cesium.vue b/src/components/cesiumMap/cesium.vue
index afbbc9d..8cdec9a 100644
--- a/src/components/cesiumMap/cesium.vue
+++ b/src/components/cesiumMap/cesium.vue
@@ -36,11 +36,11 @@
</template>
<div class="layer-icon">
<div class="layer-btn">
- <div class="img"></div>
+ <div class="img" :style="{'background': loadBgImg}"></div>
</div>
</div>
</a-popover>
-</template>\
+</template>
<script setup lang="ts">
import { ref, } from 'vue'
@@ -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