阴影分析，坡度破向分析

Surpriseplus

2023-07-18 12d6cdda86f1801793c58c7693bf4664e7826ecd

 src/assets/js/Map/menuTool.js

@@ -1,11 +1,16 @@
import * as turf from "@turf/turf";

import WKT from 'terraformer-wkt-parser'
import rightServer from "./rightServer";
import config from "./config";
import CryptoJS from 'crypto-js';
import Canvas2Image from 'canvas2image'
const menuTool = {
  toolMenu: null,
  toolFlag: null,
  oldLeftMenuId: null,

  squareOjb: [],
  localPoint: null,
  colorAll: {
    point: SmartEarth.Cesium.Color.fromCssColorString("#ff0000"),
    polyline: SmartEarth.Cesium.Color.fromCssColorString("#ffff0050"),
@@ -48,14 +53,21 @@
        this.createSimpleGraphic("polygon");
        break;
      case "d2"://等高线分析
        break
        this.setcontour();
        break;
      case "d3"://坡度分析
        break

        this.setSlopeMap();
        break;
      case "d4": //土方量计算
        this.Volumetric();
        break;
      case "d5": //影像对比
        this.CurtainContrast();
        break;

      case "d6"://阴影分析
        this.shadowAnalysis();
        break;
      case "e1"://快照
        this.snapshot();
@@ -67,6 +79,84 @@
        this.Coordposition();
        break;
    }
  },


  shadowAnalysis() {

    if (earthCtrl.shadows) {
      Viewer.animation.container.style.visibility = "hidden";
      Viewer.timeline.container.style.visibility = "hidden";
      Viewer.clock.shouldAnimate = 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) };
    this.localPoint = window.sgworld.Creator.CreateImageLabel(
      position,
      config.StaticFileBaseUrl + "/Workers/image/mark.png",
      {},
      0,
      "标签点"
    );
    var id = this.localPoint.item.id;
    window.sgworld.Navigate.flyToObj(this.localPoint.item);
  },
  setLocalPositionClose() {
    this.localPoint.deleteObject();
    this.localPoint = null;
  },
  //坡度分析
  setSlopeMap() {
    const globe = Viewer.scene.globe;
    if (window.material) {
      window.material = null;
      globe.material = null;
      Viewer.scene.globe.enableLighting = false;
      return
    }
    window.material = new Cesium.Material({
      fabric: {
        type: 'ElevationRamp',
        uniforms: {
          image: config.StaticFileBaseUrl + "/Assets/Images/color.png",
          minimumHeight: -10000,
          maximumHeight: 10000
        }
      }
    })
    Viewer.scene.globe.material = window.material

  },

  //等高线
  setcontour() {
    var globe = window.Viewer.scene.globe;
    if (window.material) {
      window.material = null;
      globe.material = null
      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 = 100.0;
    contourUniforms.color = contourColor;
    globe.material = window.material;

  },
  //空间查询
  spatialQuery() {
@@ -95,9 +185,31 @@
          [east, north],
        ],
      ]);
      debugger
      var wkt = WKT.convert(polygon.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() {
@@ -165,6 +277,7 @@
  },
  // 矩形正方形
  createRectangle(entity) {
    sgworld.Creator.SimpleGraphic.clear();
    this.delRectangle();
    var west = Cesium.Math.toDegrees(
      entity.rectangle._coordinates.getValue().west
@@ -185,6 +298,9 @@
    var north1 = ss[3];
    var south1 = ss[1];
    var geometry = Cesium.Rectangle.fromDegrees(west1, south1, east1, north1);
    Viewer.camera.setView({
      destination: Cesium.Rectangle.fromDegrees(west, south, east, north)
    })

    // var e = Viewer.entities.add({
    //   name: "正方",
@@ -196,29 +312,31 @@
    //     outlineColor: Cesium.Color.RED,
    //   },
    // });
    const stripeMaterial = new Cesium.StripeMaterialProperty({
      evenColor: Cesium.Color.WHITE.withAlpha(0.5),
      oddColor: Cesium.Color.BLUE.withAlpha(0.5),
      repeat: 5.0,
    });
    var e = Viewer.entities.add({
      rectangle: {
        coordinates: geometry,
        outline: true,
        outlineColor: Cesium.Color.WHITE,
        outlineWidth: 4,
        stRotation: Cesium.Math.toRadians(45),
        material: stripeMaterial,
      },
    });
    this.squareOjb.push(e);
    // earthCtrl.Creator.SimpleGraphic.clear();
    Viewer.entities.remove(entity);
    // const stripeMaterial = new Cesium.StripeMaterialProperty({
    //   evenColor: Cesium.Color.WHITE.withAlpha(0.5),
    //   oddColor: Cesium.Color.BLUE.withAlpha(0.5),
    //   repeat: 5.0,
    // });
    // var e = Viewer.entities.add({
    //   rectangle: {
    //     coordinates: geometry,
    //     outline: true,
    //     outlineColor: Cesium.Color.WHITE,
    //     outlineWidth: 4,
    //     stRotation: Cesium.Math.toRadians(45),
    //     material: stripeMaterial,
    //   },
    // });
    // this.squareOjb.push(e);
    // // earthCtrl.Creator.SimpleGraphic.clear();
    // Viewer.entities.remove(entity);

    window.functionForJs({
      type: 'exportMap',
      value: true
    })
    setTimeout(() => {
      window.functionForJs({
        type: 'exportMap',
        value: true
      })
    }, 1000);
  },
  // 创建图形
  createSimpleGraphic(type, scene) {
@@ -238,18 +356,46 @@
  },

  //坐标定位
  Coordposition() { },
  Coordposition() {
    window.functionForJs({
      type: 'coordLocation',
      value: true
    })
  },
  //影像对比
  CurtainContrast() {
    this.toolMenu = earthCtrl.analysis.createCurtainContrast({
      leftIndex: 0,
      rightIndex: 1,
    if (window.DoubleScreen) {
      window.DoubleScreen && window.DoubleScreen.destroy();
      window.DoubleScreen = null;
      const compass = document.getElementsByClassName("bottom_btn")[0];
      compass.style.right = "70px";
      return
    }
    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)

    const compass = document.getElementsByClassName("bottom_btn")[0];
    compass.style.right = "calc(50% + 70px)";


  },
  //土方量计算
  Volumetric() {
    const Volumetric = earthCtrl.analysis.createVolumetricMeasure({});
    Volumetric.startDrawing();
    if (window.Volumetric) {
      window.Volumetric.deleteObject()
      window.Volumetric = null
    }
    window.Volumetric = earthCtrl.analysis.createVolumetricMeasure({});
    window.Volumetric.startDrawing();
  },
  //垂直高度
  verticalHeight() {
@@ -262,12 +408,20 @@

    earthCtrl.Analysis.altitude(this.colorAll, () => { });
  },
  //平面面积
  //表面面积
  planeDistance() {
    // earthCtrl.analysis.getPlaneArea(function (e) { });
    // var colorAll = this.colorAll
    // sgworld.Analysis.surfaceArea({
    //   colorAll,
    //   tin: false, // 是否显示tin三角网
    //   onlyTerrain: false // 是否只测量精细地形
    // }, () => {

    sgworld.Analysis.planeArea(this.colorAll, () => {
    });
    // });
    earthCtrl.analysis.getSurfaceArea3d(function (e) {
      console.info(e);
    })

  },
  //表面距离
@@ -305,42 +459,51 @@
  },
  //清除按钮
  clearALL(id) {
    debugger
    id.value.forEach((e) => {
      this.clearTopTools(e);
    });

    this.clearTopTools()
    // id.value.forEach((e) => {

    // });
  },
  //清除方法
  clearTopTools(id) {
    if (id) {
      switch (id) {
        case "a2":
          break;
        case "a3":
          break;
        case "b2"://距离测量
        case "b3"://面积测量
        case "b4"://高程测量
        case "b5"://高度测量
          sgworld.Analysis.clearMeasure()
          break;
        case "c2": //点
        case "c3": //文字
        case "c4": //线
        case "c5": //矩形
        case "c6": //多边形
          sgworld.Creator.SimpleGraphic.clear();
          break;
        case "d5":
          this.toolMenu.removeFromMap();
          break;
        case 'f1':
          sgworld.Creator.SimpleGraphic.clear();
          break;
      }
      // this.toolFlag = null;
      this.toolMenu = null;
    if (earthCtrl.shadows) {
      Viewer.animation.container.style.visibility = "hidden";
      Viewer.timeline.container.style.visibility = "hidden";
      Viewer.clock.shouldAnimate = false;
      return earthCtrl.shadows = false
    }
    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;
      return
    }
    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) { },
};