| | |
| | | import * as turf from "@turf/turf"; |
| | | import WKT from 'terraformer-wkt-parser' |
| | | import WKT from "terraformer-wkt-parser"; |
| | | import rightServer from "./rightServer"; |
| | | import config from "./config"; |
| | | import CryptoJS from 'crypto-js'; |
| | | import Canvas2Image from 'canvas2image' |
| | | import CryptoJS from "crypto-js"; |
| | | |
| | | const menuTool = { |
| | | toolMenu: null, |
| | | toolFlag: null, |
| | |
| | | case "c6": //多边形 |
| | | this.createSimpleGraphic("polygon"); |
| | | break; |
| | | case "d2"://等高线分析 |
| | | case "d2": //等高线分析 |
| | | this.setcontour(); |
| | | break; |
| | | case "d3"://坡度分析 |
| | | |
| | | case "d3": //坡度分析 |
| | | this.setSlopeMap(); |
| | | break; |
| | | case "d4": //土方量计算 |
| | |
| | | this.CurtainContrast(); |
| | | break; |
| | | |
| | | case "d6"://阴影分析 |
| | | case "d6": //阴影分析 |
| | | this.shadowAnalysis(); |
| | | break; |
| | | case "e1"://快照 |
| | | case "e1": //快照 |
| | | this.snapshot(); |
| | | break; |
| | | case "f1"://空间查询 |
| | | case "f1": //空间查询 |
| | | this.spatialQuery(); |
| | | break; |
| | | case "g1": //坐标定位 |
| | |
| | | } |
| | | }, |
| | | |
| | | |
| | | shadowAnalysis() { |
| | | |
| | | if (earthCtrl.shadows) { |
| | | Viewer.animation.container.style.visibility = "hidden"; |
| | | Viewer.timeline.container.style.visibility = "hidden"; |
| | | Viewer.clock.shouldAnimate = false; |
| | | return earthCtrl.shadows = false |
| | | return (earthCtrl.shadows = false); |
| | | } |
| | | Viewer.clock.shouldAnimate = true; |
| | | Viewer.animation.container.style.visibility = "visible"; |
| | | Viewer.timeline.container.style.visibility = "visible"; |
| | | earthCtrl.shadows = true; |
| | | |
| | | |
| | | }, |
| | | setLocalPosition(res) { |
| | | if (this.localPoint) { |
| | | this.setLocalPositionClose(); |
| | | } |
| | | var position = { X: parseFloat(res.lon), Y: parseFloat(res.lat), Altitude: parseFloat(res.alt) }; |
| | | var position = { |
| | | X: parseFloat(res.lon), |
| | | Y: parseFloat(res.lat), |
| | | Altitude: parseFloat(res.alt), |
| | | }; |
| | | this.localPoint = window.sgworld.Creator.CreateImageLabel( |
| | | position, |
| | | config.StaticFileBaseUrl + "/Workers/image/mark.png", |
| | |
| | | window.material = null; |
| | | globe.material = null; |
| | | Viewer.scene.globe.enableLighting = false; |
| | | return |
| | | return; |
| | | } |
| | | window.material = new Cesium.Material({ |
| | | fabric: { |
| | | type: 'ElevationRamp', |
| | | type: "ElevationRamp", |
| | | uniforms: { |
| | | image: config.StaticFileBaseUrl + "/Assets/Images/color.png", |
| | | minimumHeight: -10000, |
| | | maximumHeight: 10000 |
| | | } |
| | | } |
| | | }) |
| | | Viewer.scene.globe.material = window.material |
| | | |
| | | maximumHeight: 10000, |
| | | }, |
| | | }, |
| | | }); |
| | | Viewer.scene.globe.material = window.material; |
| | | }, |
| | | |
| | | //等高线 |
| | |
| | | var globe = window.Viewer.scene.globe; |
| | | if (window.material) { |
| | | window.material = null; |
| | | globe.material = null |
| | | return |
| | | globe.material = null; |
| | | return; |
| | | } |
| | | |
| | | var contourColor = new SmartEarth.Cesium.Color(117 / 255, 71 / 255, 18 / 255, 255 / 255); |
| | | var contourColor = new SmartEarth.Cesium.Color( |
| | | 117 / 255, |
| | | 71 / 255, |
| | | 18 / 255, |
| | | 255 / 255 |
| | | ); |
| | | var contourUniforms = {}; |
| | | window.material = Cesium.Material.fromType('ElevationContour'); |
| | | window.material = Cesium.Material.fromType("ElevationContour"); |
| | | contourUniforms = material.uniforms; |
| | | contourUniforms.width = 1.0; |
| | | contourUniforms.spacing = 100.0; |
| | | contourUniforms.color = contourColor; |
| | | globe.material = window.material; |
| | | |
| | | }, |
| | | //空间查询 |
| | | spatialQuery() { |
| | | sgworld.Creator.createSimpleGraphic( |
| | | "rectangle", |
| | | { showSize: false }, |
| | | (entity) => { |
| | | var west = Cesium.Math.toDegrees( |
| | | entity.rectangle._coordinates.getValue().west |
| | | ); // 根据弧度获取到经度 |
| | | var east = Cesium.Math.toDegrees( |
| | | entity.rectangle._coordinates.getValue().east |
| | | ); // 根据弧度获取到纬度 |
| | | var north = Cesium.Math.toDegrees( |
| | | entity.rectangle._coordinates.getValue().north |
| | | ); // 根据弧度获取到经度 |
| | | var south = Cesium.Math.toDegrees( |
| | | entity.rectangle._coordinates.getValue().south |
| | | ); // 根据弧度获取到纬度 |
| | | sgworld.Creator.SimpleGraphic.clear(); |
| | | |
| | | sgworld.Creator.createSimpleGraphic('rectangle', { showSize: false }, (entity) => { |
| | | var west = Cesium.Math.toDegrees( |
| | | entity.rectangle._coordinates.getValue().west |
| | | ); // 根据弧度获取到经度 |
| | | var east = Cesium.Math.toDegrees( |
| | | entity.rectangle._coordinates.getValue().east |
| | | ); // 根据弧度获取到纬度 |
| | | var north = Cesium.Math.toDegrees( |
| | | entity.rectangle._coordinates.getValue().north |
| | | ); // 根据弧度获取到经度 |
| | | var south = Cesium.Math.toDegrees( |
| | | entity.rectangle._coordinates.getValue().south |
| | | ); // 根据弧度获取到纬度 |
| | | sgworld.Creator.SimpleGraphic.clear(); |
| | | var polygon = turf.polygon([ |
| | | [ |
| | | [east, north], |
| | | [west, north], |
| | | [west, south], |
| | | [east, south], |
| | | [east, north], |
| | | ], |
| | | ]); |
| | | var wkt = WKT.convert(polygon.geometry); |
| | | |
| | | var polygon = turf.polygon([ |
| | | [ |
| | | [east, north], |
| | | [west, north], |
| | | [west, south], |
| | | [east, south], |
| | | [east, north], |
| | | ], |
| | | ]); |
| | | var wkt = WKT.convert(polygon.geometry) |
| | | |
| | | window.functionForJs({ |
| | | type: 'spatialQuery', |
| | | value: this.encr(wkt) |
| | | }) |
| | | }); |
| | | window.functionForJs({ |
| | | type: "spatialQuery", |
| | | value: this.encr(wkt), |
| | | }); |
| | | } |
| | | ); |
| | | }, |
| | | //加密 |
| | | encr(word) { |
| | | return CryptoJS.AES.encrypt( |
| | | CryptoJS.enc.Utf8.parse(word), |
| | | CryptoJS.enc.Utf8.parse(base64Decode('QSNzX2xGX3NFcnZlX2sueQ==')), |
| | | CryptoJS.enc.Utf8.parse(base64Decode("QSNzX2xGX3NFcnZlX2sueQ==")), |
| | | { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 } |
| | | ).toString(); |
| | | }, |
| | |
| | | return CryptoJS.enc.Utf8.stringify( |
| | | CryptoJS.AES.decrypt( |
| | | word, |
| | | CryptoJS.enc.Utf8.parse(base64Decode('QSNzX2xGX3NFcnZlX2sueQ==')), |
| | | CryptoJS.enc.Utf8.parse(base64Decode("QSNzX2xGX3NFcnZlX2sueQ==")), |
| | | { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 } |
| | | ) |
| | | ).toString(); |
| | |
| | | //快照 |
| | | snapshot() { |
| | | let canvas = window.Viewer.scene.canvas; |
| | | let image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); |
| | | let image = canvas |
| | | .toDataURL("image/png") |
| | | .replace("image/png", "image/octet-stream"); |
| | | let link = document.createElement("a"); |
| | | let blob = this.dataURLtoBlob(image); |
| | | let objurl = URL.createObjectURL(blob); |
| | | link.download = "scene.png"; |
| | | link.href = objurl; |
| | | link.click(); |
| | | |
| | | }, |
| | | dataURLtoBlob(dataurl) { |
| | | let arr = dataurl.split(','), |
| | | let arr = dataurl.split(","), |
| | | mime = arr[0].match(/:(.*?);/)[1], |
| | | bstr = atob(arr[1]), |
| | | n = bstr.length, |
| | |
| | | u8arr[n] = bstr.charCodeAt(n); |
| | | } |
| | | return new Blob([u8arr], { type: mime }); |
| | | |
| | | }, |
| | | leftTools(res) { |
| | | this.clearLeftTools(res); |
| | |
| | | var south1 = ss[1]; |
| | | var geometry = Cesium.Rectangle.fromDegrees(west1, south1, east1, north1); |
| | | Viewer.camera.setView({ |
| | | destination: Cesium.Rectangle.fromDegrees(west, south, east, north) |
| | | }) |
| | | destination: Cesium.Rectangle.fromDegrees(west, south, east, north), |
| | | }); |
| | | |
| | | // var e = Viewer.entities.add({ |
| | | // name: "正方", |
| | |
| | | |
| | | setTimeout(() => { |
| | | window.functionForJs({ |
| | | type: 'exportMap', |
| | | value: true |
| | | }) |
| | | type: "exportMap", |
| | | value: true, |
| | | }); |
| | | }, 1000); |
| | | }, |
| | | // 创建图形 |
| | | createSimpleGraphic(type, scene) { |
| | | |
| | | sgworld.Creator.createSimpleGraphic(type, {}, (entity) => { |
| | | if (scene === "square") { |
| | | this.createRectangle(entity); |
| | |
| | | //坐标定位 |
| | | Coordposition() { |
| | | window.functionForJs({ |
| | | type: 'coordLocation', |
| | | value: true |
| | | }) |
| | | type: "coordLocation", |
| | | value: true, |
| | | }); |
| | | }, |
| | | //影像对比 |
| | | CurtainContrast() { |
| | |
| | | window.DoubleScreen = null; |
| | | const compass = document.getElementsByClassName("bottom_btn")[0]; |
| | | compass.style.right = "70px"; |
| | | return |
| | | return; |
| | | } |
| | | window.DoubleScreen = new SmartEarth.DoubleScreen(window.sgworld, {}, SmartEarth); |
| | | DoubleScreen.right._Viewer.imageryLayers.removeAll() |
| | | window.DoubleScreen = new SmartEarth.DoubleScreen( |
| | | window.sgworld, |
| | | {}, |
| | | SmartEarth |
| | | ); |
| | | DoubleScreen.right._Viewer.imageryLayers.removeAll(); |
| | | var terrain = new Cesium.CesiumTerrainProvider({ |
| | | url: config.moonTerrain, |
| | | tilingScheme: new Cesium.GeographicTilingScheme({ |
| | | ellipsoid: Cesium.Ellipsoid.MOON, |
| | | }), |
| | | |
| | | }); |
| | | DoubleScreen.right._Viewer.terrainProvider = terrain; |
| | | rightServer.AddWmtesLayer(config.moonWmts) |
| | | rightServer.AddWmtesLayer(config.moonWmts); |
| | | |
| | | const compass = document.getElementsByClassName("bottom_btn")[0]; |
| | | compass.style.right = "calc(50% + 70px)"; |
| | | |
| | | |
| | | }, |
| | | //土方量计算 |
| | | Volumetric() { |
| | | if (window.Volumetric) { |
| | | window.Volumetric.deleteObject() |
| | | window.Volumetric = null |
| | | window.Volumetric.deleteObject(); |
| | | window.Volumetric = null; |
| | | } |
| | | window.Volumetric = earthCtrl.analysis.createVolumetricMeasure({}); |
| | | window.Volumetric.startDrawing(); |
| | | }, |
| | | //垂直高度 |
| | | verticalHeight() { |
| | | |
| | | sgworld.Analysis.verticalHeight(this.colorAll, () => { |
| | | }); |
| | | sgworld.Analysis.verticalHeight(this.colorAll, () => {}); |
| | | }, |
| | | //高程测量 |
| | | heightMeasure() { |
| | | |
| | | earthCtrl.Analysis.altitude(this.colorAll, () => { }); |
| | | earthCtrl.Analysis.altitude(this.colorAll, () => {}); |
| | | }, |
| | | //表面面积 |
| | | planeDistance() { |
| | |
| | | // }); |
| | | earthCtrl.analysis.getSurfaceArea3d(function (e) { |
| | | console.info(e); |
| | | }) |
| | | |
| | | }); |
| | | }, |
| | | //表面距离 |
| | | surfaceDistance() { |
| | | sgworld.Analysis.horizontalDistance(this.colorAll, () => { |
| | | }); |
| | | sgworld.Analysis.horizontalDistance(this.colorAll, () => {}); |
| | | }, |
| | | //点漫游 |
| | | pointRoam() { |
| | |
| | | }, |
| | | //清除按钮 |
| | | clearALL(id) { |
| | | |
| | | this.clearTopTools() |
| | | this.clearTopTools(); |
| | | // id.value.forEach((e) => { |
| | | |
| | | // }); |
| | |
| | | Viewer.animation.container.style.visibility = "hidden"; |
| | | Viewer.timeline.container.style.visibility = "hidden"; |
| | | Viewer.clock.shouldAnimate = false; |
| | | return earthCtrl.shadows = false |
| | | return (earthCtrl.shadows = false); |
| | | } |
| | | if (window.Volumetric) { |
| | | |
| | | window.Volumetric.deleteObject() |
| | | window.Volumetric = null |
| | | window.Volumetric.deleteObject(); |
| | | window.Volumetric = null; |
| | | } |
| | | if (this.localPoint) { |
| | | |
| | | this.localPoint.deleteObject(); |
| | | this.localPoint = null; |
| | | } |
| | |
| | | window.material = null; |
| | | globe.material = null; |
| | | Viewer.scene.globe.enableLighting = false; |
| | | return |
| | | return; |
| | | } |
| | | if (window.DoubleScreen) { |
| | | window.DoubleScreen && window.DoubleScreen.destroy(); |
| | |
| | | const compass = document.getElementsByClassName("bottom_btn")[0]; |
| | | compass.style.right = "70px"; |
| | | } |
| | | sgworld.Analysis.clearMeasure() |
| | | sgworld.Analysis.clearMeasure(); |
| | | sgworld.Creator.SimpleGraphic.clear(); |
| | | // this.toolMenu.removeFromMap(); |
| | | sgworld.Creator.SimpleGraphic.clear(); |
| | |
| | | // } |
| | | earthCtrl.analysis.deleteObject(); |
| | | }, |
| | | clearLeftTools(res) { }, |
| | | clearLeftTools(res) {}, |
| | | }; |
| | | export default menuTool; |