版本更新，阴影分析，等高线添加

surprise

2023-10-23 538d7313f98da3c304365f1c2b22c3e23d91db35

 src/assets/js/Map/menuTool.js

@@ -19,6 +19,7 @@
    polygon: SmartEarth.Cesium.Color.fromCssColorString("#ffff0050"),
  },
  exportSquare: null,
  imageryProvider: null,
  topTools(res) {
    this.toolFlag = res.id;
    switch (res.id) {
@@ -103,6 +104,9 @@
    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) {
@@ -136,8 +140,11 @@
      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",
@@ -152,29 +159,67 @@

    Viewer.scene.globe.material = window.material;
  },
  setImageLayerChange() {
    if (this.imageryProvider) {

      Viewer.imageryLayers.raiseToTop(this.imageryProvider);
    }
  },
  //等高线
  setcontour() {
    var globe = window.Viewer.scene.globe;
    if (window.material) {
      window.material = null;
      globe.material = null;
      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;
    //   store.state.slopeQueyFla = false
    //   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
    }

    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;
    return str;
  },
  //线查询
  spatialLineQuery() {
@@ -227,9 +272,9 @@
            positions: Cesium.Cartesian3.fromDegreesArray(position),
            width: 10.0,
            material: new Cesium.PolylineOutlineMaterialProperty({
              color: Cesium.Color.GREEN.withAlpha(0.2),
              color: new Cesium.Color.fromCssColorString('#A6D8AE').withAlpha(0.5),
              outlineWidth: 1,
              outlineColor: Cesium.Color.WHITE,
              outlineColor: new Cesium.Color.fromCssColorString('#A6D8AE'),
            }),
            clampToGround: true,

@@ -241,7 +286,7 @@
          name: name,
          position: Cesium.Cartesian3.fromDegrees(res.lng, res.lat),
          point: {
            color: Cesium.Color.GREEN.withAlpha(0.2),
            color: new Cesium.Color.fromCssColorString('#A6D8AE').withAlpha(0.5),
            pixelSize: 20,
            heightReference: Cesium.HeightReference.CLAMP_TO_GROUND
          }
@@ -255,9 +300,9 @@
            outline: true,
            outlineWidth: 100,
            arcType: Cesium.ArcType.RHUMB,
            material: Cesium.Color.GREEN.withAlpha(0.2),
            material: new Cesium.Color.fromCssColorString('#A6D8AE').withAlpha(0.5),
            outline: true, // height is required for outline to display
            outlineColor: Cesium.Color.WHITE,
            outlineColor: new Cesium.Color.fromCssColorString('#A6D8AE')
          }
        });
        break;
@@ -463,154 +508,6 @@
      }
    });
  },
  getEntityAttribute(type, res) {
    var obj = {}
    store.state.temporaryLayer = null;
    if (type == 'point') {
      var mataColor = res.point.color._value;
      var outlineColor = res.point.outlineColor._value;

      obj = {
        id: (new Date()).getTime(),
        cnName: res.name,
        metaAlpha: mataColor.alpha,
        outlineAlpha: outlineColor.alpha,
        metaColor: this.colorRgbToHex('rgb(' + (mataColor.red * 255) + ',' + (mataColor.green * 255) + ',' + (mataColor.blue * 255) + ')'),
        outlineColor: this.colorRgbToHex('rgb(' + (outlineColor.red * 255) + ',' + (outlineColor.green * 255) + ',' + (outlineColor.blue * 255) + ')'),
        pixelSize: res.point.pixelSize._value,
        outlineWidth: res.point.outlineWidth._value,
        near: res.point._distanceDisplayCondition._value.near,
        far: res.point._distanceDisplayCondition._value.far,
        geometry: this.setCartesianToEightFour(res.position.getValue()),
        type: 'point',
        shpType: 'temporaryLayer',
        layerType: '基本点',

      }

    } else if (type == 'label') {
      var mataColor = res.label.fillColor._value;
      var outlineColor = res.label.outlineColor._value;
      var backColor = res.label.backgroundColor._value;
      obj = {
        id: (new Date()).getTime(),
        cnName: res.name,
        text: res.label.text._value,
        font: res.label.font._value,
        metaAlpha: mataColor.alpha,
        outlineAlpha: outlineColor.alpha,
        backAlpha: backColor.alpha,
        backColor: this.colorRgbToHex('rgb(' + (backColor.red * 255) + ',' + (backColor.green * 255) + ',' + (backColor.blue * 255) + ')'),
        metaColor: this.colorRgbToHex('rgb(' + (mataColor.red * 255) + ',' + (mataColor.green * 255) + ',' + (mataColor.blue * 255) + ')'),
        outlineColor: this.colorRgbToHex('rgb(' + (outlineColor.red * 255) + ',' + (outlineColor.green * 255) + ',' + (outlineColor.blue * 255) + ')'),
        scale: res.label.scale._value,
        verticalOrigin: Cesium.VerticalOrigin.CENTER,//垂直位置
        horizontalOrigin: Cesium.HorizontalOrigin.CENTER,//水平位置
        outlineWidth: res.label.outlineWidth._value,
        showBackground: false,
        outline: true,
        near: res.label._distanceDisplayCondition._value.near,
        far: res.label._distanceDisplayCondition._value.far,
        geometry: this.setCartesianToEightFour(res.position.getValue()),
        type: 'label',
        shpType: 'temporaryLayer',
        layerType: '文本点',
        heightReference: true,
        checked: true
      }

    } else if (type == 'polygon') {
      var mataColor = res.polygon.material.color._value;
      var outlineColor = res.polygon.outlineColor._value;
      var val = res.polygon.hierarchy.getValue().positions;
      var geom = [];
      for (var i in val) {
        var coord = this.setCartesianToEightFour(val[i])
        geom.push(coord.lng, coord.lat)
      }
      obj = {
        id: (new Date()).getTime(),
        cnName: res.name,
        metaAlpha: mataColor.alpha,
        outlineAlpha: outlineColor.alpha,
        metaColor: this.colorRgbToHex('rgb(' + (mataColor.red * 255) + ',' + (mataColor.green * 255) + ',' + (mataColor.blue * 255) + ')'),
        outlineColor: this.colorRgbToHex('rgb(' + (outlineColor.red * 255) + ',' + (outlineColor.green * 255) + ',' + (outlineColor.blue * 255) + ')'),
        near: res.polygon._distanceDisplayCondition._value.near,
        far: res.polygon._distanceDisplayCondition._value.far,
        geometry: geom,
        type: 'polygon',
        shpType: 'temporaryLayer',
        layerType: '多边形',
        heightReference: true,
        checked: true
      }
    } else if (type == 'polyline') {

      var mataColor = res.polyline.material.color._value;
      var outlineColor = res.polyline.material.outlineColor._value;
      var val = res.polyline.positions.getValue();
      var geom = [];
      for (var i in val) {
        var coord = this.setCartesianToEightFour(val[i])
        geom.push([coord.lng, coord.lat])
      }
      obj = {
        id: (new Date()).getTime(),
        cnName: res.name,
        metaColor: this.colorRgbToHex('rgb(' + (mataColor.red * 255) + ',' + (mataColor.green * 255) + ',' + (mataColor.blue * 255) + ')'),
        outlineColor: this.colorRgbToHex('rgb(' + (outlineColor.red * 255) + ',' + (outlineColor.green * 255) + ',' + (outlineColor.blue * 255) + ')'),
        near: res.polyline._distanceDisplayCondition._value.near,
        far: res.polyline._distanceDisplayCondition._value.far,
        metaAlpha: mataColor.alpha,
        outlineAlpha: outlineColor.alpha,
        outlineWidth: res.polyline.material.outlineWidth._value,
        width: res.polyline.width,
        geometry: geom,
        type: 'polyline',
        shpType: 'temporaryLayer',
        layerType: '线',
        heightReference: true,
        checked: true
      }
    } else if (type === 'rectangle') {

      var mataColor = res.rectangle.material.color._value;
      var outlineColor = res.rectangle.outlineColor._value;
      var west = Cesium.Math.toDegrees(
        res.rectangle._coordinates.getValue().west
      ); // 根据弧度获取到经度
      var east = Cesium.Math.toDegrees(
        res.rectangle._coordinates.getValue().east
      ); // 根据弧度获取到纬度
      var north = Cesium.Math.toDegrees(
        res.rectangle._coordinates.getValue().north
      ); // 根据弧度获取到经度
      var south = Cesium.Math.toDegrees(
        res.rectangle._coordinates.getValue().south
      ); // 根据弧度获取到纬度
      var geom = [west, south, east, north]
      obj = {
        id: (new Date()).getTime(),
        cnName: res.name,
        metaColor: this.colorRgbToHex('rgb(' + (mataColor.red * 255) + ',' + (mataColor.green * 255) + ',' + (mataColor.blue * 255) + ')'),
        outlineColor: this.colorRgbToHex('rgb(' + (outlineColor.red * 255) + ',' + (outlineColor.green * 255) + ',' + (outlineColor.blue * 255) + ')'),
        near: res.rectangle._distanceDisplayCondition._value.near,
        far: res.rectangle._distanceDisplayCondition._value.far,
        metaAlpha: mataColor.alpha,
        outlineAlpha: outlineColor.alpha,
        outlineWidth: res.rectangle.outlineWidth._value,
        rotation: 0,
        geometry: geom,
        type: 'rectangle',
        shpType: 'temporaryLayer',
        layerType: '矩形',
        heightReference: true,
      }
    }

    store.state.temporaryLayer = obj;

  },

  colorRgbToHex(str) {

@@ -773,7 +670,12 @@
      window.material = null;
      globe.material = null;
      Viewer.scene.globe.enableLighting = false;
      return;
      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();
@@ -843,7 +745,7 @@
      offset: {
        heading: Cesium.Math.toRadians(0.0),
        pitch: Cesium.Math.toRadians(-90),
        range: 0
        range: 40
      }
    }
    );
@@ -901,7 +803,7 @@

      },
    })
    window.Viewer.flyTo(locationPolygonEntity, {
    window.Viewer.flyTo(polyline, {
      offset: {
        heading: Cesium.Math.toRadians(0.0),
        pitch: Cesium.Math.toRadians(-90),