From b2232741a7c1460441b34651de1411bf0e504f92 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Thu, 12 Oct 2023 13:26:37 +0800
Subject: [PATCH] fix:风场粒子修改
---
src/components/Wind/Map.vue | 620 +++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 456 insertions(+), 164 deletions(-)
diff --git a/src/components/Wind/Map.vue b/src/components/Wind/Map.vue
index a17e694..1f75648 100644
--- a/src/components/Wind/Map.vue
+++ b/src/components/Wind/Map.vue
@@ -463,8 +463,7 @@
chooseTime: false,
dateInfo: '', // ���������������
timeInfo: '', // ���������������
- nyr: '', // ������������������
- windALLData: []
+ nyr: '' // ������������������
}
},
computed: {
@@ -499,13 +498,11 @@
this.jingduNew = newLL[1]
this.weiduNew = newLL[0]
// ���������������������
- // this.initData()
+ // this.windData()
// this.change(0)
- this.windData()
this.getParamsData()
- // this.deviceMaker()
+ this.windDir()
this.newDate()
-
// this.alertData(this.PageSize, this.currentPage)
},
beforeDestroy() {
@@ -722,6 +719,12 @@
},
// ���������������������
currentHour() {
+ // const aData = new Date()
+ // const month = aData.getMonth() < 9 ? '0' + (aData.getMonth() + 1) : aData.getMonth() + 1
+ // const date = aData.getDate() <= 9 ? '0' + aData.getDate() : aData.getDate()
+ // const hour = aData.getHours() <= 9 ? '0' + aData.getHours() - 1 : aData.getHours() - 1
+ // const currentDate = aData.getFullYear() + '-' + month + '-' + date + ' ' + hour + ':00'
+ // this.dateFormat = currentDate.toString()
const aData = new Date()
const month =
aData.getMonth() < 9
@@ -754,6 +757,183 @@
mouseLeave() {
this.map.scrollWheelZoom.enable()
},
+ // initWebpack() {
+ // // ������������
+ // var param = this.accountId + '&' + this.orgId + '&' + this.regionCode
+ // // ������URL
+ // var socketUrl = 'http://monitor-api2.7drlb.com/web/WebSocket/' + param
+ // socketUrl = socketUrl.replace('https', 'ws').replace('http', 'ws')
+ // this.ws = new WebSocket(socketUrl)
+ // this.ws.onopen = this.onopen
+ // this.ws.onmessage = this.onmessage
+ // this.ws.onclose = this.onclose
+ // this.ws.onerror = this.onerror
+ // },
+ // reconnect() { // ������������
+ // var that = this
+ // if (that.lockReconnect) {
+ // return
+ // }
+ // that.lockReconnect = true
+ // // ������������������������������������������������������������
+ // that.timeoutnum && clearTimeout(that.timeoutnum)
+ // that.timeoutnum = setTimeout(function() {
+ // // ���������
+ // that.initWebpack()
+ // that.lockReconnect = false
+ // }, 5000)
+ // },
+ // reset() { // ������������
+ // var that = this
+ // // ������������
+ // clearTimeout(that.timeoutObj)
+ // clearTimeout(that.serverTimeoutObj)
+ // // ������������
+ // that.start()
+ // },
+ // start() { // ������������
+ // // console.log('������������')
+ // var self = this
+ // self.timeoutObj && clearTimeout(self.timeoutObj)
+ // self.serverTimeoutObj && clearTimeout(self.serverTimeoutObj)
+ // self.timeoutObj = setTimeout(function() {
+ // // ������������������������������������������������������������������������
+ // if (self.ws.readyState === 1) { // ������������������
+ // self.ws.send('heartCheck')
+ // } else { // ������������
+ // self.reconnect()
+ // }
+ // self.serverTimeoutObj = setTimeout(function() {
+ // // ������������
+ // self.ws.close()
+ // }, self.timeout)
+ // }, self.timeout)
+ // },
+ // onopen() {
+ // // console.log('������������')
+ // // ������������
+ // this.start()
+ // },
+ // onmessage(msg) {
+ // var that = this
+ // if (JSON.parse(msg.data).������) {
+ // that.wsData2 = msg.data.replace(/,/g, `<br>`).replace(/{|}|"/g, '')
+ // } else {
+ // that.wsData1 = msg.data
+ // if (that.windState === 2) {
+ // for (let i = 0; i < that.keyData.length; i++) {
+ // // ���������������
+ // // ���������(������mac������)���������������������
+ // if (that.coordinates[i] === JSON.parse(that.wsData1).mac) {
+ // var blueIcon1 = L.icon({ // ������������������
+ // iconUrl: require('@/assets/images/icoWind03.png'),
+ // iconSize: [30, 30],
+ // iconAnchor: [15, 25],
+ // className: 'iconWind'
+ // })
+ // // L.marker������������������������������
+ // that.marker = L.marker([that.lats[i], that.lngs[i]], {
+ // icon: blueIcon1,
+ // rotationAngle: Number(JSON.parse(that.wsData1).������)
+ // })
+ // if (i === 0) {
+ // that.markerObject.push({ mac1: that.coordinates[i], marker: that.marker })
+ // that.map.addLayer(that.marker)
+ // } else {
+ // that.markerObject.push({ mac1: that.coordinates[i], marker: that.marker })
+ // for (let j = 0; j < that.markerObject.length; j++) {
+ // if (that.coordinates[0] === that.markerObject[j].mac1) {
+ // that.map.removeLayer(that.markerObject[j].marker)
+ // that.map.addLayer(that.marker)
+ // } else if (that.coordinates[i] === that.markerObject[j].mac1) {
+ // that.map.removeLayer(that.markerObject[j].marker)
+ // that.map.addLayer(that.marker)
+ // }
+ // }
+ // }
+ // }
+ // }
+ // }
+ // }
+ // // ������������������������������������
+ // this.reset()
+ // },
+ // onclose(e) {
+ // // console.log('������������')
+ // // console.log('websocket ������: ' + e.code + ' ' + e.reason + ' ' + e.wasClean)
+ // // ������
+ // this.reconnect()
+ // },
+ // onerror(e) {
+ // console.log('������������')
+ // // ������
+ // this.reconnect()
+ // },
+ // ws������
+ // wsStart() {
+ // var that = this
+ // // ������������
+ // var param = this.accountId + '&' + this.orgId + '&' + this.regionCode
+ // // ������URL
+ // var socketUrl = 'http://monitor-api2.7drlb.com/web/WebSocket/' + param
+ // // ������http���WS
+ // // console.log(socketUrl)
+ // socketUrl = socketUrl.replace('https', 'ws').replace('http', 'ws')
+ // this.ws = new WebSocket(socketUrl)
+ // // if (this.ws) {
+ // // this.ws.close()
+ // // console.log('ws������������')
+ // // }
+ // // this.ws = new WebSocket(socketUrl)
+ // // console.log('ws������������')
+
+ // this.ws.onopen = function() {
+ // // console.log('websocket������������')
+ // }
+ // ������������������
+ // this.ws.onmessage = function(msg) {
+ // if (JSON.parse(msg.data).������) {
+ // that.wsData2 = msg.data.replace(/,/g, `<br>`).replace(/{|}|"/g, '')
+ // // console.log(that.wsData2)
+ // } else {
+ // that.wsData1 = msg.data
+ // // console.log(that.wsData1)
+ // if (that.windState === 2) {
+ // for (let i = 0; i < that.keyData.length; i++) {
+ // // ���������������
+ // // ���������(������mac������)���������������������
+ // if (that.coordinates[i] === JSON.parse(that.wsData1).mac) {
+ // var blueIcon1 = L.icon({
+ // iconUrl: require('@/assets/images/icoWind03.png'),
+ // iconSize: [30, 30],
+ // iconAnchor: [15, 25],
+ // className: 'iconWind'
+ // })
+ // that.marker = L.marker([that.lats[i], that.lngs[i]], {
+ // icon: blueIcon1,
+ // rotationAngle: Number(JSON.parse(that.wsData1).������)
+ // })
+ // if (i === 0) {
+ // that.markerObject.push({ mac1: that.coordinates[i], marker: that.marker })
+ // that.map.addLayer(that.marker)
+ // } else {
+ // that.markerObject.push({ mac1: that.coordinates[i], marker: that.marker })
+ // for (let j = 0; j < that.markerObject.length; j++) {
+ // if (that.coordinates[0] === that.markerObject[j].mac1) {
+ // that.map.removeLayer(that.markerObject[j].marker)
+ // that.map.addLayer(that.marker)
+ // } else if (that.coordinates[i] === that.markerObject[j].mac1) {
+ // that.map.removeLayer(that.markerObject[j].marker)
+ // that.map.addLayer(that.marker)
+ // }
+ // }
+ // }
+ // }
+ // }
+ // }
+ // }
+ // }
+ // },
// ���������������������������������
bd09togcj02(bd_lon, bd_lat) {
var x_pi = (3.14159265358979324 * 3000.0) / 180.0
@@ -765,12 +945,67 @@
var gg_lat = z * Math.sin(theta)
return [gg_lat, gg_lng]
},
+ // /**
+ // * GCJ02 ��������� WGS84
+ // * @param lng
+ // * @param lat
+ // * @returns {*[]}
+ // */
+ // gcj02towgs84(lng, lat) {
+ // if (this.out_of_china(lng, lat)) {
+ // return [lat,lng]
+ // } else {
+ // var dlat = this.transformlat(lng - 105.0, lat - 35.0);
+ // var dlng = this.transformlng(lng - 105.0, lat - 35.0);
+ // var radlat = lat / 180.0 * PI;
+ // var magic = Math.sin(radlat);
+ // magic = 1 - ee * magic * magic;
+ // var sqrtmagic = Math.sqrt(magic);
+ // dlat = (dlat * 180.0) / ((a * (1 - ee)) / (magic * sqrtmagic) * PI);
+ // dlng = (dlng * 180.0) / (a / sqrtmagic * Math.cos(radlat) * PI);
+ // var mglat = lat + dlat;
+ // var mglng = lng + dlng;
+ // return [ lat * 2 - mglat,lng * 2 - mglng]
+ // }
+ // },
+ //
+ // transformlat(lng, lat) {
+ // var ret = -100.0 + 2.0 * lng + 3.0 * lat + 0.2 * lat * lat + 0.1 * lng * lat + 0.2 * Math.sqrt(Math.abs(lng));
+ // ret += (20.0 * Math.sin(6.0 * lng * PI) + 20.0 * Math.sin(2.0 * lng * PI)) * 2.0 / 3.0;
+ // ret += (20.0 * Math.sin(lat * PI) + 40.0 * Math.sin(lat / 3.0 * PI)) * 2.0 / 3.0;
+ // ret += (160.0 * Math.sin(lat / 12.0 * PI) + 320 * Math.sin(lat * PI / 30.0)) * 2.0 / 3.0;
+ // return ret
+ // },
+ // transformlng(lng, lat) {
+ // var ret = 300.0 + lng + 2.0 * lat + 0.1 * lng * lng + 0.1 * lng * lat + 0.1 * Math.sqrt(Math.abs(lng));
+ // ret += (20.0 * Math.sin(6.0 * lng * PI) + 20.0 * Math.sin(2.0 * lng * PI)) * 2.0 / 3.0;
+ // ret += (20.0 * Math.sin(lng * PI) + 40.0 * Math.sin(lng / 3.0 * PI)) * 2.0 / 3.0;
+ // ret += (150.0 * Math.sin(lng / 12.0 * PI) + 300.0 * Math.sin(lng / 30.0 * PI)) * 2.0 / 3.0;
+ // return ret
+ // },
+ // /**
+ // * ���������������������������������������������������
+ // * @param lng
+ // * @param lat
+ // * @returns {boolean}
+ // */
+ // out_of_china(lng, lat) {
+ // return (lng < 72.004 || lng > 137.8347) || ((lat < 0.8293 || lat > 55.8271) || false);
+ // },
// ������������������,���������
deviceMaker() {
// ������������������
if (this.map) {
- // const res = this.findLayer('wmsid')
- // this.map.removeLayer(res)
+ this.map.eachLayer(function(layer) {
+ // ���������������������������
+ if (
+ !layer._container &&
+ ('' + $(layer._container).attr('class')).replace(/\s/g, '') !==
+ 'leaflet-layer'
+ ) {
+ layer.remove()
+ }
+ })
}
const that = this
this.$request({
@@ -792,13 +1027,14 @@
},
// ���������������
markDeviceSite(data) {
+ // data.data.devices.latitude = gcj02towgs84(data.data.devices.longitude, data.data.devices.latitude)[0]
+ // data.data.devices.longitude = gcj02towgs84(data.data.devices.longitude, data.data.devices.latitude)[1]
var keyData = data.data.devices
this.keyData = data.data.devices
// ���������������������
- // this.stateControlStation()
-
+ this.stateControlStation()
+ var group = L.layerGroup().addTo(this.map)
this.keys = []
- var markerList = []
for (let i = 0; i < keyData.length; i++) {
if (keyData[i].a34002) {
this.keys.push(Math.floor(JSON.parse(keyData[i].a34002)))
@@ -819,6 +1055,12 @@
this.keys.push(JSON.parse('null'))
// }
}
+ // console.log(this.keys)
+ // const newL = this.bd09togcj02(keyData[i].longitude, keyData[i].latitude)
+ // var lat = newL[0]
+ // this.lats[i] = newL[0]
+ // var lng = newL[1]
+ // this.lngs[i] = newL[1]
var lat = keyData[i].latitude
this.lats[i] = keyData[i].latitude
var lng = keyData[i].longitude
@@ -1099,27 +1341,30 @@
iconUrl: require('@/assets/icon/ico' + colorNum + '.png'),
// iconUrl: require('@/assets/icon/ico2.png'),
iconSize: [60, 60],
+ iconAnchor: [30, 48],
className: 'my-device'
})
// ���������������������
- const a = L.marker([lat, lng], {
+ L.marker([lat, lng], {
icon: blueIcon
- })
- markerList.push(a)
- const bg = `<div style='height:20px;cursor: pointer;'>${this.keys[i]}</div>`
- console.log(JSON.parse(this.keys[i]))
+ }).addTo(group)
+ // console.log(JSON.parse(this.keys[i]))
var myIcon = L.divIcon({
- html: bg,
+ html: this.keys[i],
className: 'my-div-icon',
- iconSize: [50, 20],
- iconAnchor: [26, 30]
+ iconSize: [60, 60],
+ iconAnchor: [40, 40]
})
- var b = L.marker([lat, lng], { icon: myIcon })
+ var marker = L.marker([lat, lng], { icon: myIcon }).addTo(group)
// ������������������������������������mouseover���������������
var _this = this
- b.on('mouseover', function(e) {
- console.log('e', e)
+ marker.on('mouseover', function(e) {
this.noneData = false
+ // $.getJSON('http://47.99.64.149:8080/historyFiveMinutely/queryPopDataByMac', { 'mac': keyData[i].mac, chooseTime: this.chooseTime, time: this.nyr }, (res) => {
+ // var data = JSON.stringify(res.data).replace(/,/g, `<br>`).replace(/{|}|"/g, '')
+ // // console.log(data)
+ // this.bindPopup(data).openPopup()
+ // })
_this
.$request({
url: '/historyFiveMinutely/queryPopDataByMac',
@@ -1131,7 +1376,7 @@
}
})
.then((res) => {
- if (res.message === '���������������������') {
+ if (res.message == '���������������������') {
var datafalse = '���������������������'
this.bindPopup(datafalse).openPopup()
return
@@ -1156,20 +1401,18 @@
var data = JSON.stringify(res.data)
.replace(/,/g, `<br>`)
.replace(/{|}|"/g, '')
- this.bindPopup(data).togglePopup()
+ this.bindPopup(data).openPopup()
})
.catch((err) => {
console.log(err)
})
})
// ������������������������������������
- b.on('mouseout', function(e) {
+ marker.on('mouseout', function(e) {
this.noneData = false
- this.bindPopup().togglePopup()
+ this.bindPopup().closePopup()
})
- markerList.push(b)
}
- L.layerGroup(markerList).addTo(this.map)
},
// ������������������������������������
// moveInAndOut() {
@@ -1220,48 +1463,104 @@
})
},
// ������������������������
- // toggleWindState() {
- // if (this.ws) {
- // this.ws.close()
- // }
- // if (this.windState === 2) {
- // this.windState = 1
- // this.windStateText = '���������'
- // this.initData()
- // // console.log(this.windState)
- // } else if (this.windState === 1) {
- // this.windState = 2
- // this.windStateText = '���������'
- // this.windDir()
- // // console.log(this.windState)
- // }
- // },
+ toggleWindState() {
+ if (this.ws) {
+ this.ws.close()
+ }
+ if (this.windState === 2) {
+ this.windState = 1
+ this.windStateText = '���������'
+ this.initData()
+ // console.log(this.windState)
+ } else if (this.windState === 1) {
+ this.windState = 2
+ this.windStateText = '���������'
+ this.windDir()
+ // console.log(this.windState)
+ }
+ },
// ���������������
+ windDir() {
+ // console.log('������������')
+ // console.log('���������ws������������')
+ // const that = this
+ // ������������������
+ if (this.map) {
+ this.map.eachLayer(function(layer) {
+ // ���������������������������
+ if (
+ !layer._container &&
+ ('' + $(layer._container).attr('class')).replace(/\s/g, '') !==
+ 'leaflet-layer'
+ ) {
+ layer.remove()
+ }
+ })
+ }
+ // ���������������������������
+ this.deviceMaker()
+ // ������ws������
+ // this.wsStart()
+ // this.initWebpack()
+ // console.log('������ws���������������������')
+ // console.log(this.accountId, this.orgId, this.regionCode)
+ // this.timer2 = setInterval(() => {
+ // if (this.ws) {
+ // this.ws.close()
+ // console.log('ws������������')
+ // }
+ // // ������ws������
+ // this.wsStart()
+ // console.log('ws������������')
+ // }, 60000)
+ },
// ���������������������regionCode���������������api������
- // getRegionApiRequest() {
- // this.getParamsData()
- // setTimeout(() => {
- // $.getJSON(
- // 'http://47.99.64.149:8080/screen_api_v2/screen/windAndDeviceDataByArea',
- // { monitorPointId: this.$store.state.monitorPointId },
- // (data) => {
- // this.map.setView([data[2], data[1]], 12)
- // }
- // )
- // }, 1000)
- // if (this.windState === 1) {
- // this.initData()
- // } else if (this.windState === 2) {
- // this.windDir()
- // }
- // },
+ getRegionApiRequest() {
+ // console.log(this.$store.state.regionCode)
+ // this.ws.close()
+ // console.log('ws������')
+ // ������������������������
+ this.getParamsData()
+ setTimeout(() => {
+ $.getJSON(
+ 'http://47.99.64.149:8080/api/screen_api_v2/screen/windAndDeviceDataByArea',
+ { monitorPointId: this.$store.state.monitorPointId },
+ (data) => {
+ // ������������������
+ // console.log('xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx')
+ // console.log(data)
+ // this.map.eachLayer(function(layer) {
+ // // ���������������������������
+ // if (!layer._container && ('' + $(layer._container).attr('class')).replace(/\s/g, '') !== 'leaflet-layer') {
+ // layer.remove()
+ // }
+ // })
+ this.map.setView([data[2], data[1]], 12)
+ // console.log('������������')
+ }
+ )
+ }, 1000)
+ // if (this.windState === 1) {
+ // console.log('getRegionApiRequest')
+ // this.initData()
+ // console.log('���������������')
+ // } else if (this.windState === 2) {
+ // this.windDir()
+ // console.log('���������������')
+ // }
+ // ������������������
+ // this.deviceMaker()
+ // this.getParamsData()
+ },
// ���������������������������������������
jumpMap(LngLat) {
+ // console.log('���������������������')
+ // console.log(this.jumpData)
+ // console.log(LngLat)
this.map.setView(LngLat, 18)
},
// ������������������������
getParamsData() {
- console.log('getParamsData', this.windState)
clearInterval(this.timer)
this.timer = setInterval(() => {
this.currentHour()
@@ -1281,6 +1580,16 @@
this.chooseTimeInfo = false
// console.log('else')
}
+ // 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('���������������')
+ // }
setTimeout(() => {
this.change(this.changeColor)
this.times = 300
@@ -1288,29 +1597,12 @@
}
}, 1000)
},
-
- // ���������������
- // initMap() {
- // var map = new AMap.Map('container', {
- // resizeEnable: true,
- // rotateEnable: true,
- // pitchEnable: true,
- // zoom: 14,
- // pitch: 80,
- // expandZoomRange: true,
- // zooms: [3, 20],
- // center: [120.9781494, 31.4265156]
- // })
- // this.map = map
- // this.map.on('click', () => {
- // if (this.infoWindow !== null) {
- // this.infoWindow.close()
- // }
- // })
- // },
// ���������������������
initMap() {
- const map = L.map('mapContent', {
+ // console.log('������index������map������������')
+ // console.log(this.weidu)
+ // console.log(this.jingdu)
+ var map = L.map('mapContent', {
minZoom: 2,
maxZoom: 18,
center: [this.weiduNew, this.jingduNew],
@@ -1323,39 +1615,14 @@
L.tileLayer(
'https://wprd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}'
).addTo(map)
+ // 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)
this.map = map // data���������������
window.map = map
- const that = this
- this.map.invalidateSize(true)
- this.map.on('movestart', function(ev) {
- that.map.stop()
- console.log('move')
- const res = that.findLayer('wmsid')
- if (that.map.hasLayer(res)) {
- const res = that.findLayer('wmsid')
- that.map.removeLayer(res)
- }
- })
- this.map.on('moveend', function(ev) {
- that.openLayer()
- })
- },
- 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
},
// ������������������������
change(index) {
- console.log('change', this.windState)
this.changeColor = index
var pr = ''
switch (index) {
@@ -1391,13 +1658,37 @@
this.sensorKey = pr
// ������������������
// this.toggleWindState()
- this.deviceMaker()
- this.openLayer()
+ if (this.windState === 1) {
+ this.initData()
+ } else if (this.windState === 2) {
+ this.windDir()
+ }
},
// ���������������������
initData() {
- this.windData()
+ // console.log('������������')
+ // const that = this
+ // ������������������������
+ // console.log(this.monitorPointId)
+ // ������������������
+ if (this.map) {
+ this.map.eachLayer(function(layer) {
+ // ���������������������������
+ if (
+ !layer._container &&
+ ('' + $(layer._container).attr('class')).replace(/\s/g, '') !==
+ 'leaflet-layer'
+ ) {
+ layer.remove()
+ }
+ })
+ }
this.deviceMaker()
+ // console.log('������������������')
+ // $.ajaxSettings.async = false
+ // for (let i = 0; i < this.monitorPointIds.length; i++) {
+ this.windData()
+ // }
},
// ���������������
windData() {
@@ -1411,53 +1702,59 @@
}
})
.then((res) => {
- this.windALLData = []
- this.windALLData = res.data[0]
- this.openLayer()
+ // console.log('���������������')
+ // console.log(res)
+ // if (res.data[0][0].data.length === 0) {
+ // this.noneData = true
+ // }
+ // ������������������
+ // var data2 = res.data[0]
+ // data2[1].header.parameterNumberName = 'northward_wind'
+ // data2[0].header.parameterUnit = 'm.s-1'
+ // data2[1].header.parameterUnit = 'm.s-1'
+ // data2[0].header.dx = 0.00234842479
+ // data2[1].header.dx = 0.00234842479
+ // 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)
})
- },
- openLayer() {
- const res = this.findLayer('wmsid')
- if (this.map.hasLayer(res)) {
- const res = this.findLayer('wmsid')
- this.map.removeLayer(res)
- }
- var velocityLayer = L.velocityLayer({
- id: 'wmsid',
- localMode: true,
- displayValues: true, // ���������������������������������������������������
- displayOptions: {
- // ������������������
- // velocityType: 'Global Wind',
- velocityType: 'GBR Wind',
- displayPosition: 'bottomleft',
- displayEmptyString: 'No wind data'
- },
- data: this.windALLData, // ������ ���������������
- // ������������������������������������������
- minVelocity: 0, // ��������������������� m/s ���
- maxVelocity: 8, // ��������������������� m/s ���
- velocityScale: 0.1, // ��������������� ( ������������������������ )
- particleAge: 50, // ������������������������������������������
- 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']
- }, { collapsed: false, hideSingleBase: true })
- velocityLayer.addTo(this.map) // ���������������
},
// ������������������������������������������������������������������
alertData(n1, n2) {
@@ -1751,10 +2048,10 @@
.my-div-icon {
font-size: 14px;
text-align: center;
- padding-top: 13px;
+ padding-left: 20px;
+ padding-top: 6px;
font-family: '������������';
z-index: 10003;
- cursor: pointer !important;
/* -webkit-transform-origin-x: 0; */
/* -webkit-transform: scale(0.90); */
}
@@ -1765,8 +2062,6 @@
padding-top: 11px;
font-family: '������������';
z-index: 10003;
- pointer-events: none !important;
- cursor: pointer !important;
/* -webkit-transform-origin-x: 0; */
/* -webkit-transform: scale(0.90); */
}
@@ -1775,8 +2070,6 @@
}
.my-device {
z-index: 999;
- pointer-events: none !important;
- cursor: pointer !important;
}
.windDir-icon {
z-index: 10001;
@@ -1837,5 +2130,4 @@
margin-left: -45px;
margin-top: -40px;
}
-
</style>
--
Gitblit v1.8.0