From 95d5dd947d88e756ffae520e9b1311f65be89469 Mon Sep 17 00:00:00 2001
From: husq <931347610@qq.com>
Date: Tue, 10 Oct 2023 11:23:06 +0800
Subject: [PATCH] 添加功能：切换图层的时icon随之变动
---
src/components/cesiumMap/cesium.vue | 11 +++++++++--
1 files changed, 9 insertions(+), 2 deletions(-)
diff --git a/src/components/cesiumMap/cesium.vue b/src/components/cesiumMap/cesium.vue
index afbbc9d..1a99b4b 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,
@@ -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,7 +147,6 @@
roadPattern(false)
}
}
-const checked = ref(true)
</script>
<style scoped lang="scss">
--
Gitblit v1.9.3