综合展示点击模型显示详细信息

Surpriseplus

2023-03-09 6fe940335b9ca7f4640983929b070c00e401dc61

 src/components/MapView/mapSpacePop.vue

@@ -88,7 +88,7 @@
            label="柱状图"
            width="100"
            align="center"
            v-show="spaceLayer== 'spaceLayer'"
            v-if="spaceLayer == 'sexplorationpoint'"
          >
            <template slot-scope="scope">
              <el-button
@@ -284,6 +284,9 @@
    //初始化查询条件
    showSpacePopLayer() {
      let val_date = this.optionx[0]
      if (val_date == null || val_date == undefined) {
        return
      }
      this.formInline.name = val_date.field
      this.options = []
      var std = []
@@ -405,6 +408,12 @@
          Viewer.entities.remove(this.$store.state.histogramLayer[i])
        }
      }
      if (window.histogramHandler != null && Cesium.defined(window.histogramHandler)) {
        window.histogramHandler.removeInputAction(
          Cesium.ScreenSpaceEventType.MOUSE_MOVE
        )
        window.histogramHandler = null
      }
      var param = {
        gid: row.gid,
        name: this.spaceLayer,
@@ -425,8 +434,10 @@
      }
      var data = await dataQuerySelectByPage(obj)
      if (data.code != 200) {

      }
      if (data.result) {

      if (data.result.length != 0) {
        var val = data.result;
        //冒泡排序
        for (var i = 0; i < val.length; i++) {
@@ -439,8 +450,6 @@
            }
          }
        }


        var outlineList = [
          'rgba(141,135,114,1)',
          'rgba(248,235,179,1)',
@@ -450,11 +459,8 @@
          'rgba(197,222,130,1)',
          'rgba(208,228,177,1)',
        ]


        var num = row.elev;
        var height = 0;

        for (var i = 0; i < val.length; i++) {
          var fill, line;
          if (i > outlineList.length) {
@@ -465,10 +471,11 @@
            fill = outlineList[i];
            line = outlineList[i];
          }

          var height = num - val[i].botdepth
          var layer = Viewer.entities.add({
            position: Cesium.Cartesian3.fromDegrees(coord[0], coord[1]),
            tag: 'Histogram',
            properties: val[i],
            ellipse: {
              semiMinorAxis: 1.0, //短轴
              semiMajorAxis: 1.0, //长轴
@@ -485,14 +492,40 @@
          this.$store.state.histogramLayer.push(layer)
          sgworld.Navigate.flyToObj(layer)
        }
        window.histogramHandler = new Cesium.ScreenSpaceEventHandler(
          sgworld.Viewer.scene.canvas
        )
        var that = this;
        window.histogramHandler.setInputAction((event) => {
          // var ellipsoid = sgworld.Viewer.scene.globe.ellipsoid;
          // var cartesian = sgworld.Viewer.scene.camera.pickEllipsoid(event.endPosition, ellipsoid);
          var pick = sgworld.Viewer.scene.pick(event.endPosition);
          var selectedEntity = null;

          if (Cesium.defined(pick)) {
            if (pick && pick.id && pick.id.tag && pick.id.tag == "Histogram") {

              that.$store.state.propertiesInfo = {
                title: pick.id.properties._exppointid._value,
                name: pick.id.properties._geoname._value,
                type: pick.id.properties.geotype._value,
                botdepth: pick.id.properties._botdepth._value,
                describe: pick.id.properties._describe._value,
              }
              that.$store.state.propertiesFlag = "2"
            } else {
              that.$store.state.propertiesFlag = null
            }
          } else {
            that.$store.state.propertiesFlag = null
          }

        }, Cesium.ScreenSpaceEventType.MOUSE_MOVE)








      } else {
        var msg = row.exppointid + " 没勘探点地层表数据，无法生成柱状图"
        this.$message.error(msg);
      }
    },
    async spaceLocation(index, row) {