From dc3dfdd4b6d9634f49a2ef4e501dc0f9885f6fbe Mon Sep 17 00:00:00 2001 From: quanyawei <401863037@qq.com> Date: Thu, 12 Oct 2023 13:26:50 +0800 Subject: [PATCH] Merge branch 'feature_1.0' --- src/components/Wind/Map.vue | 127 +++++++++++++++--------------------------- 1 files changed, 46 insertions(+), 81 deletions(-) diff --git a/src/components/Wind/Map.vue b/src/components/Wind/Map.vue index d9d8111..1f75648 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', @@ -504,7 +500,7 @@ // ��������������������� // this.windData() // this.change(0) - + this.getParamsData() this.windDir() this.newDate() // this.alertData(this.PageSize, this.currentPage) @@ -1566,7 +1562,6 @@ // ������������������������ getParamsData() { clearInterval(this.timer) - this.change(this.changeColor) this.timer = setInterval(() => { this.currentHour() this.times-- @@ -1595,24 +1590,13 @@ // this.windDir() // console.log('���������������') // } + setTimeout(() => { + this.change(this.changeColor) + this.times = 300 + }, 100) } }, 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������������') @@ -1623,12 +1607,8 @@ maxZoom: 18, center: [this.weiduNew, this.jingduNew], zoom: 14, - zoomControl: true, // ������������ - trackResize: true, - worldCopyJump: true, - dragging: true, - inertia: true, - attributionControl: true, // ���������������logol + zoomControl: false, // ������������ + attributionControl: false, // ���������������logol crs: L.CRS.EPSG3857 // ���������������������EPSG3857���������������������EPSG3395������������������������ EPSG4326 WGS84 }) // ������������������ @@ -1638,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) { @@ -1693,6 +1658,11 @@ this.sensorKey = pr // ������������������ // this.toggleWindState() + if (this.windState === 1) { + this.initData() + } else if (this.windState === 2) { + this.windDir() + } }, // ��������������������� initData() { @@ -1713,11 +1683,11 @@ } }) } - this.windData() this.deviceMaker() // console.log('������������������') // $.ajaxSettings.async = false // for (let i = 0; i < this.monitorPointIds.length; i++) { + this.windData() // } }, // ��������������� @@ -1732,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) { @@ -1749,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