From a337fc824fc85b3771a422b373dfcb9ae1161f8c Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Thu, 21 Dec 2023 16:31:08 +0800
Subject: [PATCH] fix:热力图播放
---
src/views/hotMap/index.vue | 38 +++++++++++++++++++-------------------
1 files changed, 19 insertions(+), 19 deletions(-)
diff --git a/src/views/hotMap/index.vue b/src/views/hotMap/index.vue
index ebbd572..87e56fc 100644
--- a/src/views/hotMap/index.vue
+++ b/src/views/hotMap/index.vue
@@ -105,8 +105,8 @@
orgId: 71,
city: '������',
formInline: {
- city: '���������',
- cityCode: '210300',
+ city: '���������',
+ cityCode: '210381',
dayType: 'hour',
starTime: '',
endTime: '',
@@ -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
@@ -327,7 +331,7 @@
init1 () { // ������������
var that = this
this.map.setCity(this.formInline.city)
- console.log('this.formInline.city', this.formInline.cityCode)
+ console.log('������', this.formInline.cityCode)
if (that.polygon) {
that.map.remove(that.polygon)
}
@@ -336,7 +340,7 @@
new AMap.DistrictSearch({
extensions: 'all',
subdistrict: 0
- }).search(that.formInline.city, function (status, result) { // ���������������������������������������������������
+ }).search(that.formInline.cityCode, function (status, result) { // ���������������������������������������������������
var outer = [
new AMap.LngLat(-360, 90, true),
new AMap.LngLat(-360, -90, true),
@@ -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
@@ -498,7 +502,7 @@
this.map.plugin(['AMap.Heatmap'], function () {
// ���������heatmap������
that.heatmap = new AMap.Heatmap(that.map, {
- radius: 100, // ������������
+ radius: 130, // ������������
opacity: [0.5, 1],
gradient: that.selectSensor.gradient
})
@@ -523,18 +527,14 @@
},
regionData (id) {
let cityData = _.find(this.orgData, { id: id })
- this.formInline.city = cityData.cityName
- this.formInline.cityCode = cityData.cityCode
+ this.formInline.city = cityData.areaName
+ this.formInline.cityCode = cityData.areaCode
},
selectHourData (data) {
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 = ''
--
Gitblit v1.8.0