月球大数据地理空间分析展示平台-【前端】-月球2期前端
WX
2023-07-20 7783cbe654a6f174f81a4c145126556e36e4471a
冲突
已修改1个文件
199 ■■■■ 文件已修改
src/assets/js/Map/menuTool.js 199 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/assets/js/Map/menuTool.js
@@ -1,9 +1,9 @@
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,
@@ -52,11 +52,10 @@
      case "c6": //多边形
        this.createSimpleGraphic("polygon");
        break;
      case "d2"://等高线分析
      case "d2": //等高线分析
        this.setcontour();
        break;
      case "d3"://坡度分析
      case "d3": //坡度分析
        this.setSlopeMap();
        break;
      case "d4": //土方量计算
@@ -66,13 +65,13 @@
        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": //坐标定位
@@ -81,27 +80,27 @@
    }
  },
  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",
@@ -123,20 +122,19 @@
      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;
  },
  //等高线
@@ -144,60 +142,67 @@
    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();
  },
@@ -206,7 +211,7 @@
    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();
@@ -214,17 +219,18 @@
  //快照
  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,
@@ -233,7 +239,6 @@
      u8arr[n] = bstr.charCodeAt(n);
    }
    return new Blob([u8arr], { type: mime });
  },
  leftTools(res) {
    this.clearLeftTools(res);
@@ -299,8 +304,8 @@
    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: "正方",
@@ -333,14 +338,13 @@
    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);
@@ -358,9 +362,9 @@
  //坐标定位
  Coordposition() {
    window.functionForJs({
      type: 'coordLocation',
      value: true
    })
      type: "coordLocation",
      value: true,
    });
  },
  //影像对比
  CurtainContrast() {
@@ -369,44 +373,42 @@
      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() {
@@ -421,13 +423,11 @@
    // });
    earthCtrl.analysis.getSurfaceArea3d(function (e) {
      console.info(e);
    })
    });
  },
  //表面距离
  surfaceDistance() {
    sgworld.Analysis.horizontalDistance(this.colorAll, () => {
    });
    sgworld.Analysis.horizontalDistance(this.colorAll, () => {});
  },
  //点漫游
  pointRoam() {
@@ -459,8 +459,7 @@
  },
  //清除按钮
  clearALL(id) {
    this.clearTopTools()
    this.clearTopTools();
    // id.value.forEach((e) => {
    // });
@@ -471,15 +470,13 @@
      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;
    }
@@ -488,7 +485,7 @@
      window.material = null;
      globe.material = null;
      Viewer.scene.globe.enableLighting = false;
      return
      return;
    }
    if (window.DoubleScreen) {
      window.DoubleScreen && window.DoubleScreen.destroy();
@@ -496,7 +493,7 @@
      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();
@@ -505,6 +502,6 @@
    // }
    earthCtrl.analysis.deleteObject();
  },
  clearLeftTools(res) { },
  clearLeftTools(res) {},
};
export default menuTool;