fix:热力图播放

quanyawei

2023-12-21 5e169b36f8561078664b42ef4e12cd2d089c0f36

 src/views/hotMap/index.vue

@@ -155,15 +155,15 @@
          } },
        { code: 'a21026',
          name: 'SO2',
          maxNumber: 2100,
          maxNumber: 1000,
          src: require('@/assets/images/tl_SO2.png'),
          gradient: {
            '0': '#12a112',
            '0.02': '#12a112',
            '0.07': '#feff01',
            '0.22': '#fd8200',
            '0.38': '#fd0001',
            '0.76': '#95014b',
            '0.05': '#12a112',
            '0.15': '#feff01',
            '0.47': '#fd8200',
            '0.8': '#fd0001',
            '0.9': '#95014b',
            '1': '#7e0226'
          } },
        { code: 'a21004',
@@ -184,7 +184,7 @@
          maxNumber: 48,
          src: require('@/assets/images/tl_CO.png'),
          gradient: {
            '0': '#12a112',
            '0.0': '#12a112',
            '0.04': '#12a112',
            '0.083': '#feff01',
            '0.29': '#fd8200',
@@ -275,6 +275,9 @@
    }
  },
  mounted () {
    let dataTime = dayjs().format('YYYY-MM-DD')
    this.getOrganizationId()
    this.getData(`${dataTime} 00`)
    this.$nextTick(() => {
      this.initMap()
      this.createHeatMap()
@@ -307,6 +310,7 @@
    },
    getPollutant (data) {
      this.selectSensor = _.find(this.sensorArr, { name: data })
      this.dateTimes = []
      if (this.heatmap) {
        this.map.remove(this.heatmap)
        this.heatmap = null
@@ -380,7 +384,7 @@
              data: this.heatMapData,
              max: this.selectSensor.maxNumber
            })
            console.log('000', this.map.getZoom())
            console.log('000', this.selectSensor.maxNumber)
            console.log('1111', this.heatmap.getDataSet())
          } else {
            this.heatmap = null
@@ -530,11 +534,7 @@
      if (data) {
        this.formInline.starTime = data[0]
        this.formInline.endTime = data[1]
        console.log('selectHourData', data)
        let dataTime = dayjs().format('YYYY-MM-DD')
        this.getOrganizationId()
        this.getDayListData()
        this.getData(`${dataTime} 00`)
      } else {
        this.formInline.starTime = ''
        this.formInline.endTime = ''