From 51823e0a21f696eabb0fce87afa822cb8de773b2 Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Sat, 08 Feb 2025 16:22:09 +0800
Subject: [PATCH] 更换缩放图标和去除consol
---
src/views/components/ptzControl.vue | 24 ++++++++++++++++++++++--
1 files changed, 22 insertions(+), 2 deletions(-)
diff --git a/src/views/components/ptzControl.vue b/src/views/components/ptzControl.vue
index 916bab6..460f3f8 100644
--- a/src/views/components/ptzControl.vue
+++ b/src/views/components/ptzControl.vue
@@ -14,10 +14,14 @@
<img src="@/assets/images/sx-close.png"/>
</div>
<div class="btn-item" @touchstart="onZoom(true)">
- <img src="@/assets/images/fang.png" />
+ <img src="@/assets/images/fangda.png" />
</div>
<div class="btn-item" @touchstart="onZoom(false)">
- <img src="@/assets/images/suo.png" />
+ <img src="@/assets/images/suoxiao.png" />
+ </div>
+ <div class="btn-item" @touchstart="onChangeD">
+ <img v-if="is2d" src="@/assets/images/stand.png" />
+ <img v-else src="@/assets/images/satellite.png" />
</div>
</div>
<div class="circle-box" v-show="isPtz">
@@ -47,7 +51,10 @@
import { switchLivestream } from '@/api/drone'
import { usePayloadControl } from './use-payload-control'
import { useDroneControlWsEvent } from '@/utils/websocket/drone-ws-control'
+import cesiumOperation from '@/utils/cesium-tsa.js';
import { useMyStore } from '@/store'
+
+const { loadLAYER } = cesiumOperation()
const {
checkPayloadAuth,
@@ -66,6 +73,10 @@
required: true,
},
osdVisible: {
+ type: Object,
+ required: true,
+ },
+ cesiumViewe: {
type: Object,
required: true,
}
@@ -89,6 +100,9 @@
// 是否显示云台图标
let isPtz = ref(false)
+
+// 显示高德地图矢量还是影像(2D/3D)
+let is2d = ref(true)
let yaw_speed = ref((payloadCameraMode.value == 'wide'? 1 : Math.ceil(zoom_factor.value))*10) // 云台横向角度
let pitch_speed = ref((payloadCameraMode.value == 'wide'? 1 : Math.ceil(zoom_factor.value))*10) // 云台纵向角度
@@ -332,6 +346,12 @@
})
}
+const onChangeD = () => {
+ is2d.value = !is2d.value
+ store.commit('SET_MAP_SETTING_MODE', is2d.value?2:3);
+ loadLAYER();
+}
+
// 重置云台角度
const onResetGimbal = async (resetMode:any) => {
try {
--
Gitblit v1.9.3