From 95d1e83afa65f1d52eaabc4fe58374cd4edbc9c5 Mon Sep 17 00:00:00 2001
From: lixuliang <lixuliang_hd@126.com>
Date: 星期五, 19 四月 2024 11:28:12 +0800
Subject: [PATCH] 飞行器图片
---
src/components/viewer.vue | 75 ++++++++++++++++++++++++++-----------
1 files changed, 52 insertions(+), 23 deletions(-)
diff --git a/src/components/viewer.vue b/src/components/viewer.vue
index e41f504..442e382 100644
--- a/src/components/viewer.vue
+++ b/src/components/viewer.vue
@@ -1,5 +1,9 @@
<template>
<div>
+ <div class="imgbox" v-if="showFlyimg">
+ <img src="../assets/image/feixingqi.png" alt="" />
+ </div>
+
<div id="app1"></div>
</div>
</template>
@@ -22,7 +26,9 @@
export default {
name: "App",
data() {
- return {};
+ return {
+ showFlyimg: false,
+ };
},
methods: {
init() {
@@ -61,6 +67,7 @@
window.Viewer = webgis.Viewer;
window.viewer = webgis.Viewer;
window.Cesium = Cesium;
+ let that = this;
window.layers = window.sgworld.Viewer.scene.imageryLayers;
// const blackMarble = layers.addImageryProvider(
@@ -95,6 +102,34 @@
heading: 1.249372341578318,
pitch: -0.7222154573481174,
roll: 0,
+ },
+ complete: function callback() {
+ viewer.camera.changed.addEventListener(() => {
+ // 瑙嗛珮 km
+ let alt = (
+ viewer.camera.positionCartographic.height / 1000
+ ).toFixed(2);
+ // 鏂逛綅瑙�
+ let heading = Cesium.Math.toDegrees(
+ viewer.camera.heading
+ ).toFixed(2);
+ // 淇话瑙�
+ let pitch = Cesium.Math.toDegrees(viewer.camera.pitch).toFixed(
+ 2
+ );
+ // 缈绘粴瑙�
+ let roll = Cesium.Math.toDegrees(viewer.camera.roll).toFixed(2);
+ // 绾у埆
+ let level = 0;
+ let tileRender = viewer.scene._globe._surface._tilesToRender;
+ if (tileRender && tileRender.length > 0) {
+ level = viewer.scene._globe._surface._tilesToRender[0]._level;
+ }
+ // let str = `绾ф暟锛�${level} 瑙嗛珮锛�${alt}km 鏂逛綅瑙掞細${heading}掳 淇话瑙掞細${pitch}掳 缈绘粴瑙掞細${roll}掳`;
+ console.log(pitch);
+ that.showFlyimg = pitch > -25 ? true : false;
+ // console.log(that.showFlyimg);
+ });
},
});
let urldian1 =
@@ -139,28 +174,7 @@
}
});
// window.Viewer.shadows = false;
- viewer.camera.changed.addEventListener(() => {
- // 瑙嗛珮 km
- let alt = (
- viewer.camera.positionCartographic.height / 1000
- ).toFixed(2);
- // 鏂逛綅瑙�
- let heading = Cesium.Math.toDegrees(viewer.camera.heading).toFixed(
- 2
- );
- // 淇话瑙�
- let pitch = Cesium.Math.toDegrees(viewer.camera.pitch).toFixed(2);
- // 缈绘粴瑙�
- let roll = Cesium.Math.toDegrees(viewer.camera.roll).toFixed(2);
- // 绾у埆
- let level = 0;
- let tileRender = viewer.scene._globe._surface._tilesToRender;
- if (tileRender && tileRender.length > 0) {
- level = viewer.scene._globe._surface._tilesToRender[0]._level;
- }
- let str = `绾ф暟锛�${level} 瑙嗛珮锛�${alt}km 鏂逛綅瑙掞細${heading}掳 淇话瑙掞細${pitch}掳 缈绘粴瑙掞細${roll}掳`;
- console.log(str);
- });
+
//娣卞害妫�娴�
window.Sgworld.Analysis.depthTestAgainstTerrain(true);
/*
@@ -296,6 +310,8 @@
SC25: () => import("@/components/props/situationComparison10-2"),
SC26: () => import("@/components/props/situationComparison10-3"),
SC27: () => import("@/components/props/situationComparison10-4"),
+ SC28: () => import("@/components/props/situationComparison7-10"),
+ SC29: () => import("@/components/props/situationComparison7-11"),
},
});
},
@@ -307,6 +323,19 @@
</script>
<style>
+.imgbox {
+ position: absolute;
+ /* background-color: #fff; */
+ /* opacity: 0.2;. */
+ /* top:50px; */
+ width: 100%;
+ height: 500px;
+}
+img {
+ width: 100%;
+ height: 100%;
+ -webkit-user-drag: none;
+}
#app1 {
font-family: "Avenir", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
--
Gitblit v1.9.3