点击点位展示地图popup弹窗 popup弹窗增加详情按钮，按钮点击后看具体详情

shuishen

2024-12-10 6952ebb14c3601fa4e3d0d5d178117264e68dddc

点击点位展示地图popup弹窗
popup弹窗增加详情按钮，按钮点击后看具体详情

 src/views/home/components/dialog/placeDetailsBox.vue

@@ -76,7 +76,6 @@
        </div>
      </div>
    </el-dialog>
    <SiteDialogPopup ref="SiteDialogPopup"></SiteDialogPopup>
  </div>
</template>

@@ -151,46 +150,41 @@
    },
  },
  methods: {
    // 点击定位
    rowClick (row) {
      this.landBeforeClose()

      let lng = global.DC.CoordTransform.GCJ02ToWGS84(row.lng, row.lat)[0]
      let lat = global.DC.CoordTransform.GCJ02ToWGS84(row.lng, row.lat)[1]

      this.$EventBus.$emit("toPosition", {
      this.$EventBus.$emit('toPosition', {
        siteJd: lng,
        siteWd: lat,
        siteGd: 2000,
        siteGd: 200
      })

      this.$EventBus.$emit("mapClearLayer", {
        layerName: "scanLayer",
        type: "VectorLayer",
      })
      this.$store.commit('SET_PLACEBASEPOPUP', true)

      this.$EventBus.$emit("layerPointAdd", {
        layerName: "scanLayer",
        type: "billboard",
        params: {
          ...row,
          lng: lng,
          lat: lat,
          alt: 1,
          size: [25.8, 32.4],
          url: `/img/icon/site.png`,
        },
        incident: this.siteClick,
      this.$store.commit('SET_PLACEBASEPOPUPDATA', { ...row })

      // eslint-disable-next-line no-redeclare
      var popup = new global.DC.DivForms(global.viewer, {
        domId: 'PlaceBaseDivElementDom',
        position: [
          global.DC.Transform.transformWGS84ToCartesian(
            new global.DC.Position(
              Number(lng),
              Number(lat),
              0
            )
          )
        ]
      })
    },

    // 查看详情
    goDetail (row) {
      this.$refs.SiteDialogPopup.initOpen(row)
    },

    siteClick (e) {
      this.$refs.SiteDialogPopup.initOpen(e.overlay.attrParams)
    },
    // goDetail (row) {
    //   this.$refs.SiteDialogPopup.initOpen(row)
    // },

    // 清空按钮-清除图标图层
    clearRow () {
@@ -326,10 +320,7 @@
    },
  },
  destroyed () {
    this.$EventBus.$emit("mapRemoveLayer", {
      layerName: "scanLayer",
      type: "VectorLayer",
    })
    this.$store.commit('SET_PLACEBASEPOPUP', false)
  }
}
</script>