import * as turf from "@turf/turf"; import WKT from "terraformer-wkt-parser"; import rightServer from "./rightServer"; // import config from "../../../../public/config/config"; import CryptoJS from "crypto-js"; // import { Store } from "vuex"; import store from "@/store"; import temporaryTool from "./temporaryTools"; const menuTool = { toolMenu: null, toolFlag: null, oldLeftMenuId: null, bufferSize: 100, squareOjb: [], localPoint: null, colorAll: { point: SmartEarth.Cesium.Color.fromCssColorString("#ff0000"), polyline: SmartEarth.Cesium.Color.fromCssColorString("#ffff0050"), polygon: SmartEarth.Cesium.Color.fromCssColorString("#ffff0050"), }, exportSquare: null, imageryProvider: null, topTools(res) { this.toolFlag = res.id; Viewer.scene.globe.depthTestAgainstTerrain = false Viewer.scene.pickTranslucentDepth = false switch (res.id) { case "a2": //点漫游 this.pointRoam(); break; case "a3": //线漫游 this.lineRoam(); break; case "b2": //表面距离 this.surfaceDistance(); break; case "b3": //平面面积 this.planeDistance(); break; case "b4": //高程测量 this.heightMeasure(); break; case "b5": //垂直高度 this.verticalHeight(); break; case "c2": //点 this.createSimpleGraphic("point"); break; case "c3": //文字 this.createSimpleGraphic("label"); break; case "c4": //线 this.createSimpleGraphic("polyline"); break; case "c5": //矩形 this.createSimpleGraphic("rectangle"); break; case "c6": //多边形 this.createSimpleGraphic("polygon"); break; case "d2": //等高线分析 this.setcontour(); break; case "d3": //坡度分析 this.setSlopeMap(); break; case "d4": //土方量计算 this.Volumetric(); break; case "d5": //影像对比 this.CurtainContrast(); break; case "d6": //阴影分析 this.shadowAnalysis(); break; case "e1": //快照 this.snapshot(); break; case "f2": //点查询 this.setClearLocation('空间查询_标绘'); this.spatialPointQuery(); break; case "f3": //线查询 this.setClearLocation('空间查询_标绘'); this.spatialLineQuery(); break; case "f4": //面查询 this.setClearLocation('空间查询_标绘'); this.spatialQuery(); break; case "g1": //坐标定位 this.Coordposition(); break; } }, shadowAnalysis() { if (earthCtrl.shadows) { Viewer.animation.container.style.visibility = "hidden"; Viewer.timeline.container.style.visibility = "hidden"; Viewer.clock.shouldAnimate = false; Viewer.scene.globe.enableLighting = false; earthCtrl.shadows = false; return } Viewer.clock.shouldAnimate = true; Viewer.scene.globe.enableLighting = true; Viewer.animation.container.style.visibility = "visible"; Viewer.timeline.container.style.visibility = "visible"; earthCtrl.shadows = true; // earthCtrl.terrainShadows = SmartEarth.Cesium.ShadowMode.ENABLED // earthCtrl.shadowMap.size = 1024 }, setLocalPosition(res) { if (this.localPoint) { this.setLocalPositionClose(); } this.localPoint = window.Viewer.entities.add({ name: '坐标定位', position: Cesium.Cartesian3.fromDegrees(parseFloat(res.lon), parseFloat(res.lat), res.alt == null ? 0 : parseFloat(res.alt)), billboard: { image: config.StaticFileBaseUrl + '/Workers/image/location.png', // 设置贴地 heightReference: Cesium.Color.CORNFLOWERBLUE.withAlpha(0.4), verticalOrigin: Cesium.VerticalOrigin.BOTTOM, scale: 0.3, }, }); this.setViewerFlyTo(this.localPoint) }, setLocalPositionClose() { if (this.localPoint) { // this.localPoint.deleteObject(); window.Viewer.entities.remove(this.localPoint) this.localPoint = null; } }, //坡度分析 setSlopeMap() { const globe = Viewer.scene.globe; if (window.material) { window.material = null; globe.material = null; Viewer.scene.globe.enableLighting = false; store.state.slopeQueyFlag = false; store.state.showSlopeQuey = false; return; } store.state.slopeQueyFlag = true; window.material = new Cesium.Material({ fabric: { type: "ElevationRamp", uniforms: { image: config.StaticFileBaseUrl + "Assets/Images/colors75.png", minimumHeight: -10000, maximumHeight: 10000, }, }, }); Viewer.scene.globe.material = window.material; }, setImageLayerChange() { if (this.imageryProvider) { Viewer.imageryLayers.raiseToTop(this.imageryProvider); } }, //等高线 setcontour() { // if (this.imageryProvider) { // Viewer.imageryLayers.remove(this.imageryProvider); // this.imageryProvider = null; // return // } // var that = this; // var imageryProvider = new Cesium.UrlTemplateImageryProvider({ // url: 'http://192.168.20.83:80/Moon/LFData/2d/tiles/contour_500/{mz}/{my}/{mx}.png', // tilingScheme: new Cesium.GeographicTilingScheme(), // customTags: { // mz: function (imageryProvider, x, y, level) { // return 'L' + that.zeroFill(level + 1, 2, 10); // 注意观测，层级加1了 // }, // mx: function (imageryProvider, x, y, level) { // return 'C' + that.zeroFill(x, 8, 16); // }, // my: function (imageryProvider, x, y, level) { // return 'R' + that.zeroFill(y, 8, 16); // } // } // }); // this.imageryProvider = Viewer.imageryLayers.addImageryProvider(imageryProvider); var globe = window.Viewer.scene.globe; if (window.material) { window.material = null; globe.material = null; store.state.slopeQueyFla = false store.state.slopeQueyFlag = false; store.state.showSlopeQuey = false; return; } var contourColor = new SmartEarth.Cesium.Color( 117 / 255, 71 / 255, 18 / 255, 255 / 255 ); var contourUniforms = {}; window.material = Cesium.Material.fromType("ElevationContour"); contourUniforms = material.uniforms; contourUniforms.width = 1.0; contourUniforms.spacing = 50.0; contourUniforms.color = contourColor; globe.material = window.material; // this.showContourLine(); }, showContourLine () { window.ddd = { x: -1, y: -1, level: -1 }; const clipPlane = Viewer.scene.globe.clipPlanes; for (let index = 1; index < 20; index++) { clipPlane.push({ plane: new SmartEarth.Cesium.Plane( new SmartEarth.Cesium.Cartesian3(0, 0, -1), (index * 50 )- 1000 ), font: "Arial", fontSize: 20, fontColor: "#5151F1", minShowLevel: 2, }); } // setTimeout(() => { // clipPlane.length = 0; // }, 10000); // this.updateMaterial(); }, updateMaterial () { const layers = []; for (let index = 1; index < 20; index++) { const band = { entries: [ { height: (index * 50 )- 1001, color: new SmartEarth.Cesium.Color(0.0, 1.0, 0.0, 0.0), }, { height: (index * 50 )- 1000, color: new SmartEarth.Cesium.Color(0.0, 1.0, 0.0, 1.0), }, ], }; layers.push(band); } const material = SmartEarth.Cesium.createElevationBandMaterial({ scene: Viewer.scene, layers: layers, type:"ElevationContour" }); Viewer.scene.globe.material = material; }, zeroFill(num, len, radix) { var str = num.toString(radix || 10) while (str.length < len) { str = '0' + str } return str; }, //线查询 spatialLineQuery() { var that = this; sgworld.Creator.createSimpleGraphic('polyline', {}, (entity) => { var res = entity.polyline.positions.getValue() var std = [] for (var i in res) { var line_data = this.setCartesianToEightFour(res[i]) std.push([line_data.lng, line_data.lat]) } sgworld.Creator.SimpleGraphic.clear(); this.setShowSpatialShp(std, 'polyline') var line = turf.lineString(std, { name: "polyline" }) var restVal = turf.buffer(line, this.bufferSize, { units: "meters" }) that.setSpatialQuery(restVal) }); }, spatialPointQuery() { var that = this; sgworld.Creator.createSimpleGraphic('point', {}, (entity) => { var res = entity.position.getValue(); var val = that.setCartesianToEightFour(res) sgworld.Creator.SimpleGraphic.clear(); that.setShowSpatialShp(val, 'Point') var options = { steps: 10, units: "meters", properties: { foo: "bar" }, } var circle = turf.circle([val.lng, val.lat], this.bufferSize, options) that.setSpatialQuery(circle) }); }, setShowSpatialShp(res, type) { var position = []; var name = '空间查询_标绘' switch (type) { case 'polyline': for (var i in res) { position.push(res[i][0], res[i][1]) } window.Viewer.entities.add({ name: name, polyline: { positions: Cesium.Cartesian3.fromDegreesArray(position), width: 3.0, material: new Cesium.PolylineOutlineMaterialProperty({ color: new Cesium.Color.fromCssColorString('#A6D8AE').withAlpha(0.5), outlineWidth: 1, outlineColor: new Cesium.Color.fromCssColorString('#A6D8AE'), }), clampToGround: true, }, }) break; case 'Point': window.Viewer.entities.add({ name: name, position: Cesium.Cartesian3.fromDegrees(res.lng, res.lat), point: { color: new Cesium.Color.fromCssColorString('#A6D8AE').withAlpha(0.5), pixelSize: 20, heightReference: Cesium.HeightReference.CLAMP_TO_GROUND } }); break; case 'Polygon': window.Viewer.entities.add({ name: name, polygon: { hierarchy: { positions: Cesium.Cartesian3.fromDegreesArray(res) }, outline: true, outlineWidth: 100, arcType: Cesium.ArcType.RHUMB, material: new Cesium.Color.fromCssColorString('#A6D8AE').withAlpha(0.5), outline: true, // height is required for outline to display outlineColor: new Cesium.Color.fromCssColorString('#A6D8AE') } }); break; } }, setCartesianToEightFour(res) { var std = {} let ellipsoid = Viewer.scene.globe.ellipsoid let cartographic = ellipsoid.cartesianToCartographic(res) std.lat = Cesium.Math.toDegrees(cartographic.latitude) std.lng = Cesium.Math.toDegrees(cartographic.longitude) std.alt = cartographic.height return std }, //空间查询 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 ); // 根据弧度获取到纬度 var arr = [west, north, east, north, east, south, west, south, west, north]; this.setShowSpatialShp(arr, 'Polygon') sgworld.Creator.SimpleGraphic.clear(); var polygon = turf.polygon([ [ [east, north], [west, north], [west, south], [east, south], [east, north], ], ]); this.setSpatialQuery(polygon) } ); }, setSpatialQuery(res) { var wkt = WKT.convert(res.geometry); 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==")), { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 } ).toString(); }, //解密 decr(word) { return CryptoJS.enc.Utf8.stringify( CryptoJS.AES.decrypt( word, 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 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(","), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); while (n--) { u8arr[n] = bstr.charCodeAt(n); } return new Blob([u8arr], { type: mime }); }, leftTools(res) { this.clearLeftTools(res); if (this.oldLeftMenuId == "l3") { earthCtrl.coreMap.scene.mode = SmartEarth.Cesium.SceneMode.SCENE3D; } this.oldLeftMenuId = res.id; switch (res.id) { case "l1": store.state.isShowMap = true; break; case "l2": store.state.isShowMap = true; break; case "l3": //在线制图 store.state.isShowMap = true; setTimeout(() => { this.setThematicMap(); }, 200); break; case "l4": store.state.isShowMap = true; break; case "l5": store.state.isShowMap = false break; case "l6": store.state.isShowMap = true; break; } }, thematicTools(res) { switch (res.id) { case "t1": store.state.setLayerManager = !store.state.setLayerManager; break; case "t2": this.createSimpleGraphic("rectangle", "square"); break; case "t3": this.delRectangle(); break; case "t4": store.state.setExportList = !store.state.setExportList break; } }, //删除正方形 delRectangle() { this.squareOjb.forEach((e) => { Viewer.entities.remove(e); }); }, // 矩形正方形 createRectangle(entity) { sgworld.Creator.SimpleGraphic.clear(); this.delRectangle(); 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 ); // 根据弧度获取到纬度 var ss = turf.square([west, south, east, north]); var west1 = ss[0]; var east1 = ss[2]; var north1 = ss[3]; var south1 = ss[1]; this.exportSquare = ss; var geometry = Cesium.Rectangle.fromDegrees(west1, south1, east1, north1); Viewer.camera.setView({ destination: Cesium.Rectangle.fromDegrees(west, south, east, north), }); setTimeout(() => { window.functionForJs({ type: "exportMap", value: true, }); }, 1000); }, // 创建图形 createSimpleGraphic(type, scene) { var that = this; sgworld.Creator.createSimpleGraphic(type, {}, (entity) => { if (scene === "square") { this.createRectangle(entity); } if (!scene) { temporaryTool.setInsertEntityObj(type, entity) } }); }, colorRgbToHex(str) { let reg = /^(rgb|RGB)/; if (!reg.test(str)) { return; } var rgb = str.slice(4, str.length - 1).split(",") // 将RGB色号拆分为红、绿、蓝三个通道的值 var r = parseInt(rgb[0]); var g = parseInt(rgb[1]); var b = parseInt(rgb[2]); return "#" + ((r << 16) | (g << 8) | b).toString(16).padStart(6, '0'); }, //在线制图 setThematicMap() { earthCtrl.coreMap.scene.mode = SmartEarth.Cesium.SceneMode.SCENE2D; // var handle = new SmartEarth.Cesium.ScreenSpaceEventHandler( // earthCtrl.viewer.scene.canvas // ); }, //坐标定位 Coordposition() { window.functionForJs({ type: "coordLocation", value: true, }); }, //影像对比 CurtainContrast() { if (window.DoubleScreen) { window.DoubleScreen && window.DoubleScreen.destroy(); window.DoubleScreen = null; const compass = document.getElementsByClassName("bottom_btn")[0]; compass.style.right = "70px"; store.state.doubleMap = false; store.state.doubleMenu = false; return; } window.DoubleScreen = new SmartEarth.DoubleScreen( window.sgworld, {}, SmartEarth ); window.rightViewer = DoubleScreen.right._Viewer; window.rightViewer.imageryLayers.removeAll(); window.rightViewer = DoubleScreen.right._Viewer; window.rightViewer.animation.container.style.visibility = "hidden"; // window.rightViewer.timeline.container.style.visibility = "hidden"; //大气层 window.rightViewer.scene.globe.showGroundAtmosphere = false; window.rightViewer.scene.skyAtmosphere.show = false; const compass = document.getElementsByClassName("bottom_btn")[0]; compass.style.right = "calc(50% + 70px)"; compass.style.positions = "absolute"; store.state.doubleMap = true; setTimeout(() => { window.functionGetLayer({ type: "getlayer", value: true, }); }, 100); }, //土方量计算 Volumetric() { if (window.Volumetric) { window.Volumetric.deleteObject(); window.Volumetric = null; } Viewer.scene.globe.depthTestAgainstTerrain = true Viewer.scene.pickTranslucentDepth = true window.Volumetric = earthCtrl.analysis.createVolumetricMeasure({}); window.Volumetric.startDrawing(); }, //垂直高度 verticalHeight() { sgworld.Analysis.verticalHeight(this.colorAll, () => { }); }, //高程测量 heightMeasure() { earthCtrl.Analysis.altitude(this.colorAll, () => { }); }, //表面面积 planeDistance() { // earthCtrl.analysis.getPlaneArea(function (e) { }); // var colorAll = this.colorAll // sgworld.Analysis.surfaceArea({ // colorAll, // tin: false, // 是否显示tin三角网 // onlyTerrain: false // 是否只测量精细地形 // }, () => { // }); earthCtrl.analysis.getSurfaceArea3d(function (e) { console.info(e); }); }, //表面距离 surfaceDistance() { sgworld.Analysis.horizontalDistance(this.colorAll, () => { }); }, //点漫游 pointRoam() { earthCtrl.Analysis.setPointFly(); }, //线漫游 lineRoam() { earthCtrl.Command.execute(2, 3, "", (data) => { data.showPoint = false; data.showLine = true; data.mode = 1; // 弹窗数据 window.PathAnimationData = { flyData: data, }; window.PathAnimationData.winIndex = layer.open({ type: 2, title: "路径动画", shade: false, area: ["352px", "690px"], offset: "r", skin: "other-class", content: SmartEarthRootUrl + "Workers/path/Path.html", end: function () { PathAnimationData.fly && PathAnimationData.fly.exit(); }, }); }); }, //清除按钮 clearALL(id) { this.clearTopTools(); // id.value.forEach((e) => { // }); }, //清除方法 clearTopTools(id) { store.state.doubleMap = false; store.state.doubleMenu = false; if (earthCtrl.shadows) { Viewer.animation.container.style.visibility = "hidden"; Viewer.timeline.container.style.visibility = "hidden"; Viewer.clock.shouldAnimate = false; Viewer.scene.globe.enableLighting = false; earthCtrl.shadows = false; return } if (window.Volumetric) { window.Volumetric.deleteObject(); window.Volumetric = null; } if (this.localPoint) { this.localPoint.deleteObject(); this.localPoint = null; } const globe = Viewer.scene.globe; if (window.material) { window.material = null; globe.material = null; Viewer.scene.globe.enableLighting = false; store.state.slopeQueyFlag = false; store.state.showSlopeQuey = false; } if (this.imageryProvider) { Viewer.imageryLayers.remove(this.imageryProvider) this.imageryProvider = null; } if (window.DoubleScreen) { window.DoubleScreen && window.DoubleScreen.destroy(); window.DoubleScreen = null; const compass = document.getElementsByClassName("bottom_btn")[0]; compass.style.right = "70px"; } sgworld.Analysis.clearMeasure(); sgworld.Creator.SimpleGraphic.clear(); // this.toolMenu.removeFromMap(); sgworld.Creator.SimpleGraphic.clear(); // this.toolFlag = null; // this.toolMenu = null; // } earthCtrl.analysis.deleteObject(); }, clearLeftTools(res) { }, //空间查询属性定位 spaceLocation(res) { var name = '空间查询'; this.setClearLocation(name); switch (res.type) { case 'MultiPolygon': for (var i in res.coordinates) { this.setLocationPolygon(res.coordinates[i], name) } break; case 'MultiLineString': for (var i in res.coordinates) { this.setLocationLine(res.coordinates[i], name) } break; case 'Point': this.setLocationPoint(res.coordinates, name) break; } }, //清空之前绘制图形 setClearLocation(res) { for (var i = 0; i < window.Viewer.entities._entities._array.length; i++) { if (window.Viewer.entities._entities._array[i].name == res) { window.Viewer.entities.remove(window.Viewer.entities._entities._array[i]) i = i - 1; } } }, setLocationPolygon(res, name) { var position = []; var geom = res[0] for (var i in geom) { position.push(geom[i][0], geom[i][1]) } var locationPolygonEntity = window.Viewer.entities.add({ name: name, polygon: { hierarchy: { positions: Cesium.Cartesian3.fromDegreesArray(position) }, outline: true, outlineWidth: 100, arcType: Cesium.ArcType.RHUMB, material: Cesium.Color.CORNFLOWERBLUE.withAlpha(0.5), outline: true, // height is required for outline to display outlineColor: Cesium.Color.DODGERBLUE, } }); window.Viewer.flyTo(locationPolygonEntity, { offset: { heading: Cesium.Math.toRadians(0.0), pitch: Cesium.Math.toRadians(-90), range: 40 } } ); }, setLocationPoint(res, name) { const position = window.Viewer.entities.add({ name: name, position: Cesium.Cartesian3.fromDegrees(res[0], res[1]), billboard: { image: config.StaticFileBaseUrl + '/Workers/image/location.png', // 设置贴地 heightReference: Cesium.Color.CORNFLOWERBLUE.withAlpha(0.5), verticalOrigin: Cesium.VerticalOrigin.BOTTOM, scale: 0.3, }, }); window.Viewer.flyTo(position, { offset: { heading: Cesium.Math.toRadians(0.0), pitch: Cesium.Math.toRadians(-45), range: 40000 } }); }, setViewerFlyTo(entity) { window.Viewer.flyTo(entity, { offset: { heading: Cesium.Math.toRadians(0.0), pitch: Cesium.Math.toRadians(-45), range: 40000 } }); }, setLocationLine(res, name) { var position = []; for (var i in res) { position.push(res[i][0], res[i][1]) } var polyline = window.Viewer.entities.add({ name: name, polyline: { positions: Cesium.Cartesian3.fromDegreesArray(position), width: 10.0, material: new Cesium.PolylineOutlineMaterialProperty({ color: Cesium.Color.CORNFLOWERBLUE.withAlpha(0.5), outlineWidth: 1, outlineColor: Cesium.Color.CORNFLOWERBLUE, }), clampToGround: true, }, }) window.Viewer.flyTo(polyline, { offset: { heading: Cesium.Math.toRadians(0.0), pitch: Cesium.Math.toRadians(-90), range: 0 } } ); } }; export default menuTool;