1

Surpriseplus

2023-07-07 12ce6b636a5e83176ad09838d180adb11257077e

 src/assets/js/Map/menuTool.js

@@ -1,140 +1,347 @@
import * as turf from "@turf/turf";
import WKT from 'terraformer-wkt-parser'
const menuTool = {
    toolMenu: null,
    toolFlag: null,
    colorAll: {
    },
    topTools(res) {
        this.clearTopTools();
        if (res.id == this.toolFlag) {
            this.toolFlag = null;
            return
        }
        this.toolFlag = res.id;
        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 'd4'://土方量计算
                this.Volumetric();
                break;
            case 'd5'://影像对比
                this.CurtainContrast();
                break;
            case 'g1'://坐标定位
                this.Coordposition();
                break;
        }
    },
    leftTools(res) {
        this.clearLeftTools()
        switch (res.id) {
            case 'l1':
                break;
            case 'l2':
                break;
            case 'l3'://在线制图
                this.setThematicMap();
                break;
            case 'l4':
                break;
            case 'l5':
                break;
            case 'l6':
                break;
        }
    },
  toolMenu: null,
  toolFlag: null,
  oldLeftMenuId: null,

    //在线制图
    setThematicMap() {
        // earthCtrl.coreMap.scene.mode = SmartEarth.Cesium.SceneMode.SCENE2D;
        // var handle = new SmartEarth.Cesium.ScreenSpaceEventHandler(earthCtrl.viewer.scene.canvas);
  squareOjb: [],
  colorAll: {
    point: SmartEarth.Cesium.Color.fromCssColorString("#ff0000"),
    polyline: SmartEarth.Cesium.Color.fromCssColorString("#ffff0050"),
    polygon: SmartEarth.Cesium.Color.fromCssColorString("#ffff0050"),
  },
  topTools(res) {
    this.toolFlag = res.id;
    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"://等高线分析
        break
      case "d3"://坡度分析
        break
      case "d4": //土方量计算
        this.Volumetric();
        break;
      case "d5": //影像对比
        this.CurtainContrast();
        break;
      case "e1"://快照
        this.snapshot();
        break;
      case "f1"://空间查询
        this.spatialQuery();
        break;
      case "g1": //坐标定位
        this.Coordposition();
        break;
    }
  },
  //空间查询
  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();

    //坐标定位
    Coordposition() {
      var polygon = turf.polygon([
        [
          [east, north],
          [west, north],
          [west, south],
          [east, south],
          [east, north],
        ],
      ]);
      var wkt = WKT.convert(polygon.geometry)
      window.setSpatialQuery(wkt)
    });
  },
  //快照
  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();

    },
    //影像对比
    CurtainContrast() {
        this.toolMenu = earthCtrl.analysis.createCurtainContrast({ leftIndex: 0, rightIndex: 1 })
    },
    //土方量计算
    Volumetric() {
        const Volumetric = earthCtrl.analysis.createVolumetricMeasure({});
        Volumetric.startDrawing();
    },
    //垂直高度
    verticalHeight() {
        earthCtrl.measure.measureHeight(function (e) {
        })
    },
    //高程测量
    heightMeasure() {
    },
    //平面面积
    planeDistance() {
        earthCtrl.analysis.getPlaneArea(function (e) {
        })
    },
    //表面距离
    surfaceDistance() {
        earthCtrl.measure.lineLength(function (e) {
        })
    },
    //点漫游
    pointRoam() {
  },
  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 });

    },
    //线漫游
    lineRoam() {
  },
  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":
        break;
      case "l2":
        break;
      case "l3": //在线制图
        this.setThematicMap();
        break;
      case "l4":
        break;
      case "l5":
        break;
      case "l6":
        break;
    }
  },
  thematicTools(res) {
    switch (res.id) {
      case "t2":
        this.createSimpleGraphic("rectangle", "square");
        break;
      case "t3":
        this.delRectangle();
        break;
    }
  },
  //删除正方形
  delRectangle() {
    this.squareOjb.forEach((e) => {
      Viewer.entities.remove(e);
    });
  },
  // 矩形正方形
  createRectangle(entity) {
    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
    ); // 根据弧度获取到纬度

    //清除方法
    clearTopTools() {
        if (this.toolFlag) {
            switch (this.toolFlag) {
                case 'a2':
    var ss = turf.square([west, south, east, north]);
    var west1 = ss[0];
    var east1 = ss[2];
    var north1 = ss[3];
    var south1 = ss[1];
    var geometry = Cesium.Rectangle.fromDegrees(west1, south1, east1, north1);

                    break;
                case 'a3':
    // var e = Viewer.entities.add({
    //   name: "正方",
    //   polygon: {
    //     hierarchy: geometry1,
    //     //height : 100000,
    //     material: Cesium.Color.RED,
    //     outline: true,
    //     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);

                    break;
                case 'b2':
                case 'b3':
                case 'b4':
                case 'b5':
    window.functionForJs({
      type: 'exportMap',
      value: true
    })
  },
  // 创建图形
  createSimpleGraphic(type, scene) {

                    break;
                case 'd5':
                    debugger
                    this.toolMenu.removeFromMap()
                    break;
            }
            // this.toolFlag = null;
            this.toolMenu = null;
        }
    },
    clearLeftTools() {
    sgworld.Creator.createSimpleGraphic(type, {}, (entity) => {
      if (scene === "square") {
        this.createRectangle(entity);
      }
    });
  },
  //在线制图
  setThematicMap() {
    earthCtrl.coreMap.scene.mode = SmartEarth.Cesium.SceneMode.SCENE2D;
    // var handle = new SmartEarth.Cesium.ScreenSpaceEventHandler(
    //   earthCtrl.viewer.scene.canvas
    // );
  },

    },
  //坐标定位
  Coordposition() { },
  //影像对比
  CurtainContrast() {
    this.toolMenu = earthCtrl.analysis.createCurtainContrast({
      leftIndex: 0,
      rightIndex: 1,
    });
  },
  //土方量计算
  Volumetric() {
    const Volumetric = earthCtrl.analysis.createVolumetricMeasure({});
    Volumetric.startDrawing();
  },
  //垂直高度
  verticalHeight() {

}
export default menuTool;
    sgworld.Analysis.verticalHeight(this.colorAll, () => {
    });
  },
  //高程测量
  heightMeasure() {

    earthCtrl.Analysis.altitude(this.colorAll, () => { });
  },
  //平面面积
  planeDistance() {
    // earthCtrl.analysis.getPlaneArea(function (e) { });

    sgworld.Analysis.planeArea(this.colorAll, () => {
    });

  },
  //表面距离
  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) {
    debugger
    id.value.forEach((e) => {
      this.clearTopTools(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;
    }
  },
  clearLeftTools(res) { },
};
export default menuTool;