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 | 91 ++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 89 insertions(+), 2 deletions(-)
diff --git a/src/components/viewer.vue b/src/components/viewer.vue
index aa8ce6c..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(
@@ -72,7 +79,7 @@
// 鍦扮悆棰滆壊
Viewer.scene.globe.baseColor =
Cesium.Color.fromCssColorString("#272d39");
- // //椋炲悜骞垮窞
+ // //椋炲悜骞垮窞
// window.Viewer.camera.flyTo({
// destination: Cesium.Cartesian3.fromDegrees(
// 113.29503528791071,
@@ -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,6 +174,7 @@
}
});
// window.Viewer.shadows = false;
+
//娣卞害妫�娴�
window.Sgworld.Analysis.depthTestAgainstTerrain(true);
/*
@@ -238,6 +274,44 @@
DynamicMap: () => import("@/components/props/bottom"), //鎬佸娍鍥惧姩鎬佹挱鏀�
freeAnalyse: () => import("@/components/props/freeAnalyse"), //绌洪棽璧勬簮灞曠ず
moreTZ: () => import("@/components/props/moreTZ"), //绌洪棽璧勬簮灞曠ず
+ // SurprisePlus
+ showMilitaryPlot: () => import("@/components/props/militaryPlot"), //鍐涗簨鏍囩粯
+ situationComparison: () =>
+ import("@/components/props/situationComparison"), //鎬佸娍瀵规瘮
+ occupancyAnalysis: () =>
+ import("@/components/props/occupancyAnalysis"), //棰戣氨鍗犵敤搴﹀垎鏋�
+
+ densityAnalysis: () => import("@/components/props/densityAnalysis"), //鐢ㄩ瀵嗗害鍒嗘瀽
+
+ SC1: () => import("@/components/props/situationComparison6-1"),
+ SC2: () => import("@/components/props/situationComparison6-2"),
+ SC3: () => import("@/components/props/situationComparison6-3"),
+ SC4: () => import("@/components/props/situationComparison6-4"),
+ SC5: () => import("@/components/props/situationComparison6-5"),
+ SC6: () => import("@/components/props/situationComparison6-6"),
+ SC7: () => import("@/components/props/situationComparison6-7"),
+ SC8: () => import("@/components/props/situationComparison7-1"),
+ SC9: () => import("@/components/props/situationComparison7-2-1"),
+ SC10: () => import("@/components/props/situationComparison7-3-1"),
+ SC11: () => import("@/components/props/situationComparison7-4"),
+ SC12: () => import("@/components/props/situationComparison7-5"),
+ SC13: () => import("@/components/props/situationComparison7-6"),
+ SC14: () => import("@/components/props/situationComparison7-7"),
+ SC15: () => import("@/components/props/situationComparison7-8"),
+ SC16: () => import("@/components/props/situationComparison7-9"),
+ SC17: () => import("@/components/props/situationComparison8-1"),
+ SC18: () => import("@/components/props/situationComparison8-2"),
+ SC19: () => import("@/components/props/situationComparison8-3"),
+ SC20: () => import("@/components/props/situationComparison8-4"),
+ SC21: () => import("@/components/props/situationComparison9-1"),
+ SC22: () => import("@/components/props/situationComparison9-2"),
+ SC23: () => import("@/components/props/situationComparison9-3"),
+ SC24: () => import("@/components/props/situationComparison10-1"),
+ 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"),
},
});
},
@@ -249,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