From fe0b336af036e874203a978dd8e6391039ec545a Mon Sep 17 00:00:00 2001 From: surprise <15810472099@163.com> Date: 星期日, 28 四月 2024 16:19:18 +0800 Subject: [PATCH] 代码跟新 --- src/components/viewer.vue | 129 ++++++++++++++++++++++-------------------- 1 files changed, 67 insertions(+), 62 deletions(-) diff --git a/src/components/viewer.vue b/src/components/viewer.vue index 442e382..6b5273a 100644 --- a/src/components/viewer.vue +++ b/src/components/viewer.vue @@ -1,7 +1,9 @@ <template> <div> - <div class="imgbox" v-if="showFlyimg"> - <img src="../assets/image/feixingqi.png" alt="" /> + <div class="imgbox" + v-if="showFlyimg"> + <img src="../assets/image/feixingqi.png" + alt="" /> </div> <div id="app1"></div> @@ -22,23 +24,23 @@ light, } from "@/utils/work"; import bus from "@/utils/bus"; -import { getVectorList, getRadio } from "@/api/http"; +import { getVectorList,getRadio } from "@/api/http"; export default { name: "App", - data() { + data () { return { showFlyimg: false, }; }, methods: { - init() { - const that = this; - window.currentsubindex = 1; - let _core = new SmartEarth.Core(); - window.tedp = new this.$trame({ + init () { + const that=this; + window.currentsubindex=1; + let _core=new SmartEarth.Core(); + window.tedp=new this.$trame({ elem: "app1", width: 4992, - prop: [0, 0], + prop: [0,0], height: 2560, navtop: 300, gisType: "hf", @@ -62,14 +64,14 @@ }, gisInit: (webgis) => { //杩斿洖鍦板浘瀵硅薄 - window.Sgworld = webgis; - window.sgworld = webgis; - window.Viewer = webgis.Viewer; - window.viewer = webgis.Viewer; - window.Cesium = Cesium; - let that = this; + window.Sgworld=webgis; + window.sgworld=webgis; + window.Viewer=webgis.Viewer; + window.viewer=webgis.Viewer; + window.Cesium=Cesium; + let that=this; - window.layers = window.sgworld.Viewer.scene.imageryLayers; + window.layers=window.sgworld.Viewer.scene.imageryLayers; // const blackMarble = layers.addImageryProvider( // new Cesium.IonImageryProvider({ assetId: 3812 }) // ); @@ -77,7 +79,7 @@ // blackMarble.alpha = 0.0; // blackMarble.brightness = 2.0; // 鍦扮悆棰滆壊 - Viewer.scene.globe.baseColor = + Viewer.scene.globe.baseColor= Cesium.Color.fromCssColorString("#272d39"); // //椋炲悜骞垮窞 // window.Viewer.camera.flyTo({ @@ -94,87 +96,86 @@ // }); window.Viewer.camera.flyTo({ destination: Cesium.Cartesian3.fromDegrees( - 120.37492388223879, - 30.91054534935262, - 97611.15133443385 + 109.26943037557801, + 35.94483222064199, + 7052792.362399457 ), orientation: { - heading: 1.249372341578318, - pitch: -0.7222154573481174, + heading: 6.166296249767834, + pitch: -1.564875679684365, roll: 0, }, - complete: function callback() { + complete: function callback () { viewer.camera.changed.addEventListener(() => { // 瑙嗛珮 km - let alt = ( - viewer.camera.positionCartographic.height / 1000 + let alt=( + viewer.camera.positionCartographic.height/1000 ).toFixed(2); // 鏂逛綅瑙� - let heading = Cesium.Math.toDegrees( + let heading=Cesium.Math.toDegrees( viewer.camera.heading ).toFixed(2); // 淇话瑙� - let pitch = Cesium.Math.toDegrees(viewer.camera.pitch).toFixed( + let pitch=Cesium.Math.toDegrees(viewer.camera.pitch).toFixed( 2 ); // 缈绘粴瑙� - let roll = Cesium.Math.toDegrees(viewer.camera.roll).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 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; + that.showFlyimg=pitch<-60? true:false; // console.log(that.showFlyimg); }); }, }); - let urldian1 = + let urldian1= "http://183.162.245.49:8099/geoserver/SHwuxiandian/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=SHwuxiandian:1GZ_POI&maxFeatures=50&outputFormat=application%2Fjson"; - let urldian = + let urldian= "http://183.162.245.49:8099/geoserver/SHP/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=SHP:SH_POI1&maxFeatures=50&outputFormat=application%2Fjson"; try { - loaddian(urldian1, "[TE_DESC]", "[height]"); - loaddian(urldian, "[name]", "[Height]"); + loaddian(urldian1,"[TE_DESC]","[height]"); + loaddian(urldian,"[name]","[Height]"); loadBaimo(1); loadLW(); addRightMouseEvent(); SPPM(); loadYH(); - juhe(true, "鐩戞祴绔�"); + juhe(true,"鐩戞祴绔�"); addMpt(true); - } catch (error) {} + } catch(error) { } //寮�鍚棩鐓� - viewer.scene.globe.enableLighting = false; - viewer.shadows = false; + viewer.scene.globe.enableLighting=false; + viewer.shadows=false; addMouseEvent(); light(); getVectorList().then((res) => { - if (res.message === "Success") { - let region = res.rows; + if(res.message==="Success") { + let region=res.rows; region.forEach((item) => { - let arr = []; + let arr=[]; JSON.parse(item.vlatlngs).forEach((item2) => { - arr.push([item2[1], item2[0]]); + arr.push([item2[1],item2[0]]); }); - item.vlatlngs = JSON.stringify(arr); + item.vlatlngs=JSON.stringify(arr); }); - bus.$emit("areaData", region); + bus.$emit("areaData",region); } }); //鑾峰彇鏃犵嚎鐢垫暟鎹� getRadio().then((res) => { - if (res.message === "Success") { - let radio = res.rows; - bus.$emit("radioData", radio); + if(res.message==="Success") { + let radio=res.rows; + bus.$emit("radioData",radio); console.log(radio); } }); // window.Viewer.shadows = false; - //娣卞害妫�娴� window.Sgworld.Analysis.depthTestAgainstTerrain(true); /* @@ -183,30 +184,30 @@ // window.Viewer.scene.primitives.add(baimo); //鍘垮煙杈圭晫,缃戞牸 }, - subClick(index) { + subClick (index) { let showindex; - switch (index) { + switch(index) { case 0: - showindex = 1; + showindex=1; break; case 1: - showindex = 2; + showindex=2; break; case 2: - showindex = 3; + showindex=3; break; case 3: - showindex = 4; + showindex=4; break; case 4: - showindex = 5; + showindex=5; break; default: break; } - bus.$emit("showindex", showindex); + bus.$emit("showindex",showindex); }, - prop: [970, 970], + prop: [970,970], nav: { navTop: () => import("@/components/top/navTop"), }, @@ -312,11 +313,15 @@ SC27: () => import("@/components/props/situationComparison10-4"), SC28: () => import("@/components/props/situationComparison7-10"), SC29: () => import("@/components/props/situationComparison7-11"), + SC30: () => import("@/components/props/situationComparison7-12"), + + SC31: () => import("@/components/props/militaryVIdeo"), //鍐涗簨鏍囩粯 + }, }); }, }, - mounted() { + mounted () { this.init(); }, }; -- Gitblit v1.9.3