坡度分析效果修改

Surpriseplus

2023-09-13 91ef987c60d367b8c982cefc64d51d9d0ab9e911

 src/assets/js/Map/menuTool.js

@@ -1,9 +1,10 @@
import * as turf from "@turf/turf";
import WKT from "terraformer-wkt-parser";
import rightServer from "./rightServer";
import config from "./config";
// import config from "../../../../public/config/config";
import CryptoJS from "crypto-js";

// import { Store } from "vuex";
import store from "@/store";
const menuTool = {
  toolMenu: null,
  toolFlag: null,
@@ -16,6 +17,7 @@
    polyline: SmartEarth.Cesium.Color.fromCssColorString("#ffff0050"),
    polygon: SmartEarth.Cesium.Color.fromCssColorString("#ffff0050"),
  },
  exportSquare: null,
  topTools(res) {
    this.toolFlag = res.id;
    switch (res.id) {
@@ -102,24 +104,40 @@
    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);
    // 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);
    this.localPoint = window.Viewer.entities.add({
      name: '坐标定位',
      position: Cesium.Cartesian3.fromDegrees(parseFloat(res.lon), parseFloat(res.lat), res.alt == null ? parseFloat(res.alt) : 0),
      billboard: {
        image: config.StaticFileBaseUrl + '/Workers/image/location.png',
        // 设置贴地
        heightReference: Cesium.Color.CORNFLOWERBLUE.withAlpha(0.4),
        verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
        scale: 1.0,
      },
    });
    this.setViewerFlyTo(this.localPoint)
  },
  setLocalPositionClose() {
    this.localPoint.deleteObject();
    this.localPoint = null;
    if (this.localPoint) {
      // this.localPoint.deleteObject();
      window.Viewer.entities.remove(this.localPoint)
      this.localPoint = null;
    }

  },
  //坡度分析
  setSlopeMap() {
@@ -134,12 +152,14 @@
      fabric: {
        type: "ElevationRamp",
        uniforms: {
          image: config.StaticFileBaseUrl + "/Assets/Images/color.png",
          image: config.StaticFileBaseUrl + "Assets/Images/colors75.png",
          minimumHeight: -10000,
          maximumHeight: 10000,

        },
      },
    });

    Viewer.scene.globe.material = window.material;
  },

@@ -296,29 +316,44 @@
    }
    this.oldLeftMenuId = res.id;



    switch (res.id) {
      case "l1":
        store.state.isShowMap = true;
        break;
      case "l2":
        store.state.isShowMap = true;
        break;
      case "l3": //在线制图
        store.state.isShowMap = true;
        this.setThematicMap();

        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;
    }
  },
@@ -350,39 +385,16 @@
    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),
    });

    // 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);


    setTimeout(() => {
      window.functionForJs({
@@ -405,6 +417,7 @@
    // var handle = new SmartEarth.Cesium.ScreenSpaceEventHandler(
    //   earthCtrl.viewer.scene.canvas
    // );

  },

  //坐标定位
@@ -421,6 +434,8 @@
      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(
@@ -428,18 +443,24 @@
      {},
      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);

    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() {
@@ -514,6 +535,8 @@
  },
  //清除方法
  clearTopTools(id) {
    store.state.doubleMap = false;
    store.state.doubleMenu = false;
    if (earthCtrl.shadows) {
      Viewer.animation.container.style.visibility = "hidden";
      Viewer.timeline.container.style.visibility = "hidden";
@@ -551,5 +574,105 @@
    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)
        }
        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.4),
        outline: true, // height is required for outline to display
        outlineColor: Cesium.Color.DODGERBLUE,
      }
    });
    this.setViewerFlyTo(locationPolygonEntity)
  },
  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.4),
        verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
        scale: 1.0,
      },
    });

    this.setViewerFlyTo(position)
  },
  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.4),
          outlineWidth: 1,
          outlineColor: Cesium.Color.CORNFLOWERBLUE,
        }),
        clampToGround: true,

      },
    })
    this.setViewerFlyTo(polyline)
  }

};
export default menuTool;