坡度分析下载修改

surprise

2023-11-29 36fbd1e5a40e319e6ac5f43d11c99ba4b66e93a3

 src/assets/js/Map/menuTool.js

@@ -20,8 +20,13 @@
  },
  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();
@@ -98,9 +103,12 @@
      Viewer.animation.container.style.visibility = "hidden";
      Viewer.timeline.container.style.visibility = "hidden";
      Viewer.clock.shouldAnimate = false;
      return (earthCtrl.shadows = 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;
@@ -135,6 +143,71 @@
  },
  //坡度分析
  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;
@@ -160,59 +233,65 @@
    Viewer.scene.globe.material = window.material;
  },
  setImageLayerChange() {
    if (this.imageryProvider) {
    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.slopeQueyFla = false
    //   store.state.slopeQueyFlag = false;
    //   store.state.showSlopeQuey = false;
    //   return;
    // 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;

    // 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;
      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) {
@@ -270,7 +349,7 @@
          name: name,
          polyline: {
            positions: Cesium.Cartesian3.fromDegreesArray(position),
            width: 10.0,
            width: 3.0,
            material: new Cesium.PolylineOutlineMaterialProperty({
              color: new Cesium.Color.fromCssColorString('#A6D8AE').withAlpha(0.5),
              outlineWidth: 1,
@@ -425,7 +504,9 @@
        break;
      case "l3": //在线制图
        store.state.isShowMap = true;
        this.setThematicMap();
        setTimeout(() => {
          this.setThematicMap();
        }, 200);

        break;
      case "l4":
@@ -527,6 +608,7 @@

  //在线制图
  setThematicMap() {

    earthCtrl.coreMap.scene.mode = SmartEarth.Cesium.SceneMode.SCENE2D;
    // var handle = new SmartEarth.Cesium.ScreenSpaceEventHandler(
    //   earthCtrl.viewer.scene.canvas
@@ -582,6 +664,8 @@
      window.Volumetric.deleteObject();
      window.Volumetric = null;
    }
    Viewer.scene.globe.depthTestAgainstTerrain = true
    Viewer.scene.pickTranslucentDepth = true
    window.Volumetric = earthCtrl.analysis.createVolumetricMeasure({});
    window.Volumetric.startDrawing();
  },
@@ -618,10 +702,13 @@
  },
  //线漫游
  lineRoam() {
    Viewer.scene.globe.depthTestAgainstTerrain = true;
    // 绘制路线并获取路径动画数据
    earthCtrl.Command.execute(2, 3, "", (data) => {

      data.showPoint = false;
      data.showLine = true;
      data.mode = 1;
      data.mode = 0;
      // 弹窗数据
      window.PathAnimationData = {
        flyData: data,
@@ -639,6 +726,7 @@
        },
      });
    });

  },
  //清除按钮
  clearALL(id) {
@@ -647,15 +735,26 @@

    // });
  },
  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;
      return (earthCtrl.shadows = false);
      Viewer.scene.globe.enableLighting = false;
      earthCtrl.shadows = false;
      return
    }
    if (window.Volumetric) {
      window.Volumetric.deleteObject();