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