右侧固废管理查询定位弹框点的显示

chenzeping

2021-04-14 a66092232c904e34e4977687d9e2ee73a1ca49e1

右侧固废管理查询定位弹框点的显示

 src/assets/css/map/map-panel-style.less

@@ -48,6 +48,7 @@
}

.el-dialog {
  height: 500px;
  border: 0.00521rem solid @color;
  box-shadow: 0 0 0.03rem @color;
  background: rgba(0, 16, 30, 0.8);

 src/components/panel/topicSearch/SolidWasteSearch.vue

@@ -152,26 +152,6 @@
      // console.log(this.form.keyword)
      const result = await mapApi.getSolidWaste(data)
      this.searchDataDisplay = result.Result.DataInfo
      // 循环遍历数据 根据进行marker 的创建
      for (let i = 0; i < this.searchDataDisplay.length; i++) {
        // 经纬度 位置
        const positionX = this.searchDataDisplay[i].Latitude
        const positionY = this.searchDataDisplay[i].Longitude

        // 定义类型 用来区分数据的不同 1.接口接口数据来进行数据的判断 2.根据数据类型的不同，进行不同类型的图片显示
        const judgeValue = this.searchDataDisplay[i].StorageQty
        var iconUrl = this.differentTypes(judgeValue)

        const marker = this.L.marker([positionX, positionY], {
          // totransferData: this.searchDataDisplay[i],
          icon: this.L.icon({
            iconUrl: iconUrl,
            iconSize: [30, 30],
            iconAnchor: [15, 15]
          })
        })
        this.layer.addLayer(marker)
      }
    },
    // 不同类型图片封装
    differentTypes (judgeValue) {
@@ -187,6 +167,26 @@
    async setBounced (val) {
      const pos = [val.Latitude, val.Longitude]
      window.map.flyTo(pos, 11)
      // 循环遍历数据 根据进行marker 的创建
      // for (let i = 0; i < this.searchDataDisplay.length; i++) {
      // 经纬度 位置
      const positionX = val.Latitude
      const positionY = val.Longitude

      // 定义类型 用来区分数据的不同 1.接口接口数据来进行数据的判断 2.根据数据类型的不同，进行不同类型的图片显示
      const judgeValue = val.StorageQty
      var iconUrl = this.differentTypes(judgeValue)

      const marker = this.L.marker([positionX, positionY], {
        // totransferData: this.searchDataDisplay[i],
        icon: this.L.icon({
          iconUrl: iconUrl,
          iconSize: [30, 30],
          iconAnchor: [15, 15]
        })
      })
      this.layer.addLayer(marker)
      // }
      const t1 = setTimeout(async () => {
        const dataValue = {
          StoragePlaceId: val.StoragePlaceId