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

Surpriseplus

2023-03-09 6fe940335b9ca7f4640983929b070c00e401dc61

 src/components/mapsdk.vue

@@ -351,7 +351,7 @@
      >
        <el-card class="box-card">
          <div slot="header">
            <span>{{$store.state.propertiesName.tabDesc || '属性信息'}}</span>
            <span>属性信息</span>
            <div style="float: right; cursor: pointer">
              <el-link
                type="primary"
@@ -404,6 +404,7 @@

        </el-card>
      </div>

      <!--附件列表弹窗-->
      <el-dialog
        title="附件列表"
@@ -622,8 +623,37 @@
    this.$bus.$on('changemapType', (e) => {
      this.show2DMap = e;
    });
    //模型捕捉
    this.catchmodel()
  },
  methods: {

    catchmodel() {
      var that = this;
      window.pickedFeature;
      window.pickedColor;
      window.modeCatchHandler = new Cesium.ScreenSpaceEventHandler(Viewer.scene.canvas);
      window.modeCatchHandler.setInputAction((event) => {
        window.pickedFeature && (window.pickedFeature.color = window.pickedColor);
        window.pickedFeature = sgworld.Viewer.scene.pick(event.position);
        if (Cesium.defined(window.pickedFeature)) {
          if (window.pickedFeature.primitive instanceof Cesium.Cesium3DTileset) {
            if (window.pickedFeature && window.pickedFeature.getProperty) {
              window.pickedColor = window.pickedFeature.color
              window.pickedFeature.color = Cesium.Color.RED.withAlpha(0.3);

              this.$store.state.catModel = true;
              this.$store.state.catModelInfo = {
                id: pickedFeature.getProperty("id"),
                name: pickedFeature.getProperty("name"),
                layerId: pickedFeature.primitive.layerId,
                layerName: pickedFeature.primitive.id
              };
            }
          }
        }
      }, Cesium.ScreenSpaceEventType.LEFT_CLICK)
    },
    drawTerrainLevel() {
      this.clearTerrainLevel()
      var deep = parseFloat(this.terrainFrom.height)
@@ -680,13 +710,13 @@
          url: gaoDeBaseUrl[1].url,
        })
      );
      this.layer3 = Viewer.imageryLayers.addImageryProvider(
        new Cesium.UrlTemplateImageryProvider({
          url: gaoDeBaseUrl[2].url,
        })
      );
      // this.layer3 = Viewer.imageryLayers.addImageryProvider(
      //   new Cesium.UrlTemplateImageryProvider({
      //     url: gaoDeBaseUrl[2].url,
      //   })
      // );

      window.ImageLayer3 = this.layer3;
      // window.ImageLayer3 = this.layer3;

      // for (var i in gaoDeBaseUrl) {
      //   sgworld.Creator.createUrlTemplateImageryProvider(
@@ -755,18 +785,18 @@
    },
    setLayerVisible() {
      if (this.isActive == true) {
        // Viewer.imageryLayers._layers[1].show = true
        // Viewer.imageryLayers._layers[2].show = false
        Viewer.imageryLayers._layers[1].show = true
        Viewer.imageryLayers._layers[2].show = false
        // Viewer.imageryLayers._layers[3].show = false

        Viewer.imageryLayers.lower(this.layer2);
        Viewer.imageryLayers.lower(this.layer3);
        // Viewer.imageryLayers.lower(this.layer2);
        // Viewer.imageryLayers.lower(this.layer3);
      } else {
        Viewer.imageryLayers.raise(this.layer3);
        Viewer.imageryLayers.raise(this.layer2);
        // Viewer.imageryLayers.raise(this.layer3);
        // Viewer.imageryLayers.raise(this.layer2);

        // Viewer.imageryLayers._layers[1].show = false
        // Viewer.imageryLayers._layers[2].show = true
        Viewer.imageryLayers._layers[1].show = false
        Viewer.imageryLayers._layers[2].show = true
        // Viewer.imageryLayers._layers[3].show = true
      }
    },
@@ -1200,8 +1230,12 @@
    },
    //获取附件列表
    async getAttatchList() {
      if (this.$store.state.propertiesName == null) {
        return
      }
      let tabName = this.$store.state.propertiesName.ns + '.' + this.$store.state.propertiesName.tab;
      let eventid = this.$store.state.propertiesInfo.eventid;

      var obj = {
        eventid: eventid,
        tabName: tabName,
@@ -1332,6 +1366,7 @@
        padding: 10px 20px;
      }
    }

    .terrainLevelBox {
      width: 350px;
      height: 370px;
@@ -1339,14 +1374,6 @@
      position: absolute;
      right: 8%;
      bottom: -11%;
    }
    .pathAnalysisBox {
      width: 412px;

      z-index: 40;
      position: absolute;
      right: 8%;
      bottom: 1%;
    }

    .box-card {