From 8ecfcc670c6059b37833a95214896e4ad2463988 Mon Sep 17 00:00:00 2001 From: quanyawei <401863037@qq.com> Date: Wed, 11 Oct 2023 15:43:11 +0800 Subject: [PATCH] fix:风场粒子修改 --- src/components/Wind/Map.vue | 625 +++++++++++++++----------------------------------------- 1 files changed, 167 insertions(+), 458 deletions(-) diff --git a/src/components/Wind/Map.vue b/src/components/Wind/Map.vue index 52fc114..0fb34a3 100644 --- a/src/components/Wind/Map.vue +++ b/src/components/Wind/Map.vue @@ -327,6 +327,7 @@ import 'leaflet/dist/leaflet.css' import 'leaflet-velocity/dist/leaflet-velocity.css' import L from 'leaflet' +import 'wind-js-leaflet' import 'leaflet-rotatedmarker/leaflet.rotatedMarker.js' import 'leaflet-velocity/dist/leaflet-velocity' import $ from 'jquery' @@ -463,7 +464,8 @@ chooseTime: false, dateInfo: '', // ��������������� timeInfo: '', // ��������������� - nyr: '' // ������������������ + nyr: '', // ������������������ + windALLData: [] } }, computed: { @@ -498,11 +500,13 @@ this.jingduNew = newLL[1] this.weiduNew = newLL[0] // ��������������������� + // this.initData() + // this.change(0) this.windData() - this.change(0) this.getParamsData() - this.windDir() + // this.deviceMaker() this.newDate() + // this.alertData(this.PageSize, this.currentPage) }, beforeDestroy() { @@ -719,12 +723,6 @@ }, // ��������������������� 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 @@ -757,183 +755,6 @@ 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 @@ -945,67 +766,12 @@ 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) { - this.map.eachLayer(function(layer) { - // ��������������������������� - if ( - !layer._container && - ('' + $(layer._container).attr('class')).replace(/\s/g, '') !== - 'leaflet-layer' - ) { - layer.remove() - } - }) + // const res = this.findLayer('wmsid') + // this.map.removeLayer(res) } const that = this this.$request({ @@ -1027,14 +793,13 @@ }, // ��������������� 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() - var group = L.layerGroup().addTo(this.map) + // this.stateControlStation() + 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))) @@ -1055,12 +820,6 @@ 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 @@ -1341,30 +1100,27 @@ iconUrl: require('@/assets/icon/ico' + colorNum + '.png'), // iconUrl: require('@/assets/icon/ico2.png'), iconSize: [60, 60], - iconAnchor: [30, 48], className: 'my-device' }) // ��������������������� - L.marker([lat, lng], { + const a = L.marker([lat, lng], { icon: blueIcon - }).addTo(group) - // console.log(JSON.parse(this.keys[i])) - var myIcon = L.divIcon({ - html: this.keys[i], - className: 'my-div-icon', - iconSize: [60, 60], - iconAnchor: [40, 40] }) - var marker = L.marker([lat, lng], { icon: myIcon }).addTo(group) + markerList.push(a) + const bg = `<div style='height:20px;cursor: pointer;'>${this.keys[i]}</div>` + console.log(JSON.parse(this.keys[i])) + var myIcon = L.divIcon({ + html: bg, + className: 'my-div-icon', + iconSize: [50, 20], + iconAnchor: [26, 30] + }) + var b = L.marker([lat, lng], { icon: myIcon }) // ������������������������������������mouseover��������������� var _this = this - marker.on('mouseover', function(e) { + b.on('mouseover', function(e) { + console.log('e', 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', @@ -1376,7 +1132,7 @@ } }) .then((res) => { - if (res.message == '���������������������') { + if (res.message === '���������������������') { var datafalse = '���������������������' this.bindPopup(datafalse).openPopup() return @@ -1401,18 +1157,20 @@ var data = JSON.stringify(res.data) .replace(/,/g, `<br>`) .replace(/{|}|"/g, '') - this.bindPopup(data).openPopup() + this.bindPopup(data).togglePopup() }) .catch((err) => { console.log(err) }) }) // ������������������������������������ - marker.on('mouseout', function(e) { + b.on('mouseout', function(e) { this.noneData = false - this.bindPopup().closePopup() + this.bindPopup().togglePopup() }) + markerList.push(b) } + L.layerGroup(markerList).addTo(this.map) }, // ������������������������������������ // moveInAndOut() { @@ -1463,104 +1221,48 @@ }) }, // ������������������������ - 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() { - // console.log(this.$store.state.regionCode) - // this.ws.close() - // console.log('ws������') - // ������������������������ - this.getParamsData() - setTimeout(() => { - $.getJSON( - 'http://47.99.64.149:8080/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) { - // this.ws.close() - this.initData() - // console.log('���������������') - } else if (this.windState === 2) { - this.windDir() - // console.log('���������������') - } - // ������������������ - // this.deviceMaker() - // this.getParamsData() - }, + // 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() + // } + // }, // ��������������������������������������� 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() @@ -1580,16 +1282,6 @@ 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 @@ -1597,12 +1289,29 @@ } }, 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() { - // console.log('������index������map������������') - // console.log(this.weidu) - // console.log(this.jingdu) - var map = L.map('mapContent', { + const map = L.map('mapContent', { minZoom: 2, maxZoom: 18, center: [this.weiduNew, this.jingduNew], @@ -1615,14 +1324,39 @@ 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) { @@ -1658,37 +1392,13 @@ this.sensorKey = pr // ������������������ // this.toggleWindState() - if (this.windState === 1) { - this.initData() - } else if (this.windState === 2) { - this.windDir() - } + this.deviceMaker() + this.openLayer() }, // ��������������������� initData() { - // 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() - // } + this.deviceMaker() }, // ��������������� windData() { @@ -1702,59 +1412,53 @@ } }) .then((res) => { - // 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]) + this.windALLData = [] + this.windALLData = res.data[0] + this.openLayer() }) .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) { @@ -2048,10 +1752,10 @@ .my-div-icon { font-size: 14px; text-align: center; - padding-left: 20px; - padding-top: 6px; + padding-top: 13px; font-family: '������������'; z-index: 10003; + cursor: pointer !important; /* -webkit-transform-origin-x: 0; */ /* -webkit-transform: scale(0.90); */ } @@ -2062,6 +1766,8 @@ 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); */ } @@ -2070,6 +1776,8 @@ } .my-device { z-index: 999; + pointer-events: none !important; + cursor: pointer !important; } .windDir-icon { z-index: 10001; @@ -2130,4 +1838,5 @@ margin-left: -45px; margin-top: -40px; } + </style> -- Gitblit v1.8.0