From 158327984c28169b6f3f241582914284b2d4a764 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Tue, 10 Oct 2023 11:17:44 +0800
Subject: [PATCH] fix:风场粒子修改
---
src/components/Wind/Map.vue | 158 ++++++++++++++++++++--------------------------------
1 files changed, 60 insertions(+), 98 deletions(-)
diff --git a/src/components/Wind/Map.vue b/src/components/Wind/Map.vue
index 5414cfd..52fc114 100644
--- a/src/components/Wind/Map.vue
+++ b/src/components/Wind/Map.vue
@@ -463,8 +463,7 @@
chooseTime: false,
dateInfo: '', // ���������������
timeInfo: '', // ���������������
- nyr: '', // ������������������
- windAllDate: []
+ nyr: '' // ������������������
}
},
computed: {
@@ -480,9 +479,6 @@
}
},
mounted() {
- this.$nextTick(() => {
- this.getParamsData()
- })
this.currentHour()
this.$Bus.$on(
'alarmTableVisible',
@@ -502,9 +498,9 @@
this.jingduNew = newLL[1]
this.weiduNew = newLL[0]
// ���������������������
- // this.windData()
- // this.change(0)
-
+ this.windData()
+ this.change(0)
+ this.getParamsData()
this.windDir()
this.newDate()
// this.alertData(this.PageSize, this.currentPage)
@@ -1527,7 +1523,7 @@
this.getParamsData()
setTimeout(() => {
$.getJSON(
- 'http://47.99.64.149:8080/api/screen_api_v2/screen/windAndDeviceDataByArea',
+ 'http://47.99.64.149:8080/screen_api_v2/screen/windAndDeviceDataByArea',
{ monitorPointId: this.$store.state.monitorPointId },
(data) => {
// ������������������
@@ -1544,14 +1540,14 @@
}
)
}, 1000)
- // if (this.windState === 1) {
- // console.log('getRegionApiRequest')
- // this.initData()
- // console.log('���������������')
- // } else if (this.windState === 2) {
- // this.windDir()
- // console.log('���������������')
- // }
+ if (this.windState === 1) {
+ // this.ws.close()
+ this.initData()
+ // console.log('���������������')
+ } else if (this.windState === 2) {
+ this.windDir()
+ // console.log('���������������')
+ }
// ������������������
// this.deviceMaker()
// this.getParamsData()
@@ -1586,14 +1582,14 @@
}
// console.log(this.chooseTimeInfo, 'this.chooseTimeInfo ')
// clearInterval(this.timer)
- // if (this.windState === 1) {
- // this.ws.close()
- // this.initData()
- // console.log('���������������')
- // } else if (this.windState === 2) {
- // this.windDir()
- // console.log('���������������')
- // }
+ if (this.windState === 1) {
+ // this.ws.close()
+ this.initData()
+ // console.log('���������������')
+ } else if (this.windState === 2) {
+ this.windDir()
+ // console.log('���������������')
+ }
setTimeout(() => {
this.change(this.changeColor)
this.times = 300
@@ -1601,21 +1597,6 @@
}
}, 1000)
},
-
- findLayer(layerName) { // ������������������������������
- if (!this.map) {
- return null
- }
- const gisMap_layers = this.map._layers
- let layer = null
- for (const i in gisMap_layers) {
- if (gisMap_layers[i].options.id === layerName) {
- layer = gisMap_layers[i]
- }
- }
- return layer
- },
-
// ���������������������
initMap() {
// console.log('������index������map������������')
@@ -1627,11 +1608,7 @@
center: [this.weiduNew, this.jingduNew],
zoom: 14,
zoomControl: false, // ������������
- trackResize: true,
- worldCopyJump: true,
- dragging: true,
- inertia: true,
- attributionControl: true, // ���������������logol
+ attributionControl: false, // ���������������logol
crs: L.CRS.EPSG3857 // ���������������������EPSG3857���������������������EPSG3395������������������������ EPSG4326 WGS84
})
// ������������������
@@ -1641,26 +1618,11 @@
// L.tileLayer(
// 'http://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}'
// ).addTo(map)
- const that = this
this.map = map // data���������������
-
- this.map.on('moveend', function(ev) {
- const res = that.findLayer('wmsid')
- that.map.removeLayer(res)
- that.openWindCanves()
- })
- // this.map.on('viewreset', function() {
- // console.log('--->viewreset ���������������������')
- // })
window.map = map
},
// ������������������������
change(index) {
- if (this.windState === 1) {
- this.initData()
- } else if (this.windState === 2) {
- this.windDir()
- }
this.changeColor = index
var pr = ''
switch (index) {
@@ -1696,6 +1658,11 @@
this.sensorKey = pr
// ������������������
// this.toggleWindState()
+ if (this.windState === 1) {
+ this.initData()
+ } else if (this.windState === 2) {
+ this.windDir()
+ }
},
// ���������������������
initData() {
@@ -1716,11 +1683,11 @@
}
})
}
- this.windData()
this.deviceMaker()
// console.log('������������������')
// $.ajaxSettings.async = false
// for (let i = 0; i < this.monitorPointIds.length; i++) {
+ this.windData()
// }
},
// ���������������
@@ -1735,8 +1702,6 @@
}
})
.then((res) => {
- this.windAllDate = res.data[0]
- this.openWindCanves()
// console.log('���������������')
// console.log(res)
// if (res.data[0][0].data.length === 0) {
@@ -1752,47 +1717,44 @@
// data2[0].header.dy = 0.0018464922
// data2[1].header.dy = 0.0018464922
// console.log(data2, 'data2')
+ var velocityLayer = L.velocityLayer({
+ displayValues: false, // ���������������������������������������������������
+ displayOptions: {
+ // ������������������
+ // velocityType: 'Global Wind',
+ velocityType: 'GBR Wind',
+ displayPosition: 'bottomleft',
+ displayEmptyString: 'No wind data'
+ },
+ data: res.data[0], // ������ ���������������
+ // data: data2,
+ // ������������������������������������������
+ minVelocity: 0, // ��������������������� m/s ���
+ maxVelocity: 8, // ��������������������� m/s ���
+ velocityScale: 0.1, // ��������������� ( ������������������������ )
+ particleAge: 90, // ������������������������������������������
+ lineWidth: 1.5, // ���������������������
+ particleMultiplier: 1 / 300, // ��������������������� ������������ ���
+ frameRate: 15, // ���������������������
+ colorScale: [
+ '#A2D839',
+ '#7EB530',
+ '#6E9F26',
+ '#4E7522',
+ '#345B1B',
+ '#186303',
+ '#175103',
+ '#053F03'
+ ]
+ // colorScale: ['#053F03', '#053F03', '#053F03', '#053F03', '#053F03', '#053F03', '#053F03', '#053F03']
+ })
+ velocityLayer.addTo(this.map) // ���������������
// console.log('������������')
// console.log(res.data[0])
})
.catch((err) => {
console.log(err)
})
- },
- openWindCanves() {
- var velocityLayer = L.velocityLayer({
- displayValues: true, // ���������������������������������������������������
- id: 'wmsid',
- displayOptions: {
- // ������������������
- // velocityType: 'Global Wind',
- velocityType: 'GBR Wind',
- displayPosition: 'bottomleft',
- displayEmptyString: 'No wind data'
- },
- data: this.windAllDate, // ������ ���������������
- // data: data2,
- // ������������������������������������������
- minVelocity: 0, // ��������������������� m/s ���
- maxVelocity: 8, // ��������������������� m/s ���
- velocityScale: 0.1, // ��������������� ( ������������������������ )
- particleAge: 90, // ������������������������������������������
- lineWidth: 1.5, // ���������������������
- particleMultiplier: 1 / 300, // ��������������������� ������������ ���
- frameRate: 15, // ���������������������
- colorScale: [
- '#A2D839',
- '#7EB530',
- '#6E9F26',
- '#4E7522',
- '#345B1B',
- '#186303',
- '#175103',
- '#053F03'
- ]
- // colorScale: ['#053F03', '#053F03', '#053F03', '#053F03', '#053F03', '#053F03', '#053F03', '#053F03']
- })
- velocityLayer.addTo(this.map) // ���������������
},
// ������������������������������������������������������������������
alertData(n1, n2) {
--
Gitblit v1.8.0