月球大数据地理空间分析展示平台-【前端】-月球2期前端
surprise
2023-11-29 36fbd1e5a40e319e6ac5f43d11c99ba4b66e93a3
src/assets/js/Map/menuTool.js
@@ -1,140 +1,916 @@
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,
    colorAll: {
    },
    topTools(res) {
        this.clearTopTools();
        if (res.id == this.toolFlag) {
            this.toolFlag = null;
            return
  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,
  legendBox: 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() {
    if (window.esriLayer) {
      this.setCloseEsriLayer();
      return
    }
    sgworld.Creator.createSimpleGraphic('rectangle', {}, (entity) => {
      if (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();
        this.legendBox = [
          west, south, east, north
        ]
        this.addTMSLayer(this.legendBox)
      }
    });
  },
  addTMSLayer(obj) {
    var esri = new Cesium.WebMapServiceImageryProvider({
      url: config.esri,
      name: 'esriLayer',
      rectangle: Cesium.Rectangle.fromDegrees(obj[0], obj[1], obj[2], obj[3]),
      crs: 'EPSG:4326',
      //transparent: true
      parameters: {
        format: "image/png",
        layers: [0]
      }
    });
    window.esriLayer = Viewer.imageryLayers.addImageryProvider(esri);
    store.state.showlegendLayer = true;
  },
  setSlopeMap1() {
    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 (window.esriLayer) {
      Viewer.imageryLayers.raiseToTop(window.esriLayer);
    }
    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.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 = 100.0;
    contourUniforms.color = contourColor;
    globe.material = window.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])
        }
        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;
        }
    },
        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,
    //在线制图
    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() {
        earthCtrl.measure.measureHeight(function (e) {
          },
        })
    },
    //高程测量
    heightMeasure() {
    },
    //平面面积
    planeDistance() {
        earthCtrl.analysis.getPlaneArea(function (e) {
        })
    },
    //表面距离
    surfaceDistance() {
        earthCtrl.measure.lineLength(function (e) {
        })
    },
    //点漫游
    pointRoam() {
        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;
    }
    },
    //线漫游
    lineRoam() {
  },
  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;
    },
    //清除方法
    clearTopTools() {
        if (this.toolFlag) {
            switch (this.toolFlag) {
                case 'a2':
    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 'a3':
        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
    ); // 根据弧度获取到纬度
                    break;
                case 'b2':
                case 'b3':
                case 'b4':
                case 'b5':
    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) => {
                    break;
                case 'd5':
                    debugger
                    this.toolMenu.removeFromMap()
                    break;
            }
            // this.toolFlag = null;
            this.toolMenu = null;
      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() {
    Viewer.scene.globe.depthTestAgainstTerrain = true;
    // 绘制路线并获取路径动画数据
    earthCtrl.Command.execute(2, 3, "", (data) => {
      data.showPoint = false;
      data.showLine = true;
      data.mode = 0;
      // 弹窗数据
      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) => {
    // });
  },
  setCloseEsriLayer() {
    if (window.esriLayer) {
      Viewer.imageryLayers.remove(window.esriLayer);
      window.esriLayer = null
      this.legendBox = null;
      store.state.showlegendLayer = false;
    }
  },
  //清除方法
  clearTopTools(id) {
    store.state.doubleMap = false;
    store.state.doubleMenu = false;
    this.setCloseEsriLayer();
    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)
        }
    },
    clearLeftTools() {
        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,
      },
    });
}
export default menuTool;
    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;