From 32d4167c093317c16cd67af5277e11a2f08809db Mon Sep 17 00:00:00 2001 From: jihongshun <1151753686@qq.com> Date: 星期六, 13 九月 2025 17:12:56 +0800 Subject: [PATCH] 航线模拟功能完成 待优化 --- src/utils/components/cesium-map.vue | 31 +++++++++++++++++++++++-------- 1 files changed, 23 insertions(+), 8 deletions(-) diff --git a/src/utils/components/cesium-map.vue b/src/utils/components/cesium-map.vue index df92799..847148c 100644 --- a/src/utils/components/cesium-map.vue +++ b/src/utils/components/cesium-map.vue @@ -1,7 +1,7 @@ <template> <div :style="{height: cesiumContainer}"> - <div id="cesiumContainer"></div> - <CesiumCompass v-if="viewer" :viewer="viewer" /> + <div :id="cesiumId"></div> + <CesiumCompass v-if="viewer && showAnimation" :viewer="viewer" /> </div> </template> @@ -30,6 +30,20 @@ export default { name: "cesium-map", components: { CesiumCompass }, + props: { + showAnimation: { + type: Boolean, + default: false, + }, + showCesiumCompass: { + type: Boolean, + default: false, + }, + cesiumId: { + type: String, + default: 'cesiumContainer', + } + }, data() { return { // 鏃ユ湡鑼冨洿 @@ -124,7 +138,7 @@ "TRjZWYtODJhOS1jZTk5ZmI4ZDg5ZTIiLCJpZCI6ODI1MCwic2NvcGVzIjpbImFzciIsImdjIl0sImlhdCI6MTU1MTU3M" + "DU1Mn0.yfJ_i4EPiunFj_qUftuv1ksx4pUNgnPC16vQCBGrM08"; //鍒濆鍖栦笁缁村満鏅� - viewer = new Cesium.Viewer("cesiumContainer", { + viewer = new Cesium.Viewer(this.cesiumId, { fullscreenButton: false, homeButton: false, timeline: false, @@ -140,9 +154,9 @@ // animation: false, // timeline: false, // fullscreenButton: false, - animation: true, - timeline: true, - fullscreenButton: true, + animation:this.showAnimation ? true :false, + timeline: this.showAnimation ? true : false, + fullscreenButton: this.showAnimation ? true : false, vrButton: false, // terrainProvider:聽new聽Cesium.CesiumTerrainProvider({ // 聽聽聽聽聽聽聽聽聽聽聽聽url聽:聽Cesium.IonResource.fromAssetId(1), @@ -171,12 +185,13 @@ }) console.log(viewer) this.viewer = viewer - window.viewer = viewer; + // window.viewer = viewer; + window[this.cesiumId].viewer = viewer this.$emit('mapReady'); }, resizeMap() { let winHeight = Number(document.documentElement.clientWidth); - document.getElementById("cesiumContainer").style.height = + document.getElementById(this.cesiumId).style.height = winHeight + "px"; }, }, -- Gitblit v1.9.3