From 0b9e8a88c5f23886a18616c83c7649a34445a7eb Mon Sep 17 00:00:00 2001 From: quanyawei <401863037@qq.com> Date: Wed, 11 Oct 2023 15:43:29 +0800 Subject: [PATCH] Merge branch 'feature_1.0' --- src/components/Wind/Map.vue | 609 ++++++++++++------------------------------------------ 1 files changed, 140 insertions(+), 469 deletions(-) diff --git a/src/components/Wind/Map.vue b/src/components/Wind/Map.vue index 5414cfd..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' @@ -464,7 +465,7 @@ dateInfo: '', // ��������������� timeInfo: '', // ��������������� nyr: '', // ������������������ - windAllDate: [] + windALLData: [] } }, computed: { @@ -480,9 +481,6 @@ } }, mounted() { - this.$nextTick(() => { - this.getParamsData() - }) this.currentHour() this.$Bus.$on( 'alarmTableVisible', @@ -502,11 +500,13 @@ this.jingduNew = newLL[1] this.weiduNew = newLL[0] // ��������������������� - // this.windData() + // this.initData() // this.change(0) - - this.windDir() + this.windData() + this.getParamsData() + // this.deviceMaker() this.newDate() + // this.alertData(this.PageSize, this.currentPage) }, beforeDestroy() { @@ -723,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 @@ -761,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 @@ -949,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({ @@ -1031,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))) @@ -1059,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 @@ -1345,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', @@ -1380,7 +1132,7 @@ } }) .then((res) => { - if (res.message == '���������������������') { + if (res.message === '���������������������') { var datafalse = '���������������������' this.bindPopup(datafalse).openPopup() return @@ -1405,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() { @@ -1467,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/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() - }, + // 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() @@ -1584,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 @@ -1602,6 +1290,57 @@ }, 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', { + minZoom: 2, + maxZoom: 18, + center: [this.weiduNew, this.jingduNew], + zoom: 14, + zoomControl: false, // ������������ + attributionControl: false, // ���������������logol + crs: L.CRS.EPSG3857 // ���������������������EPSG3857���������������������EPSG3395������������������������ EPSG4326 WGS84 + }) + // ������������������ + L.tileLayer( + 'https://wprd01.is.autonavi.com/appmaptile?lang=zh_cn&size=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 @@ -1615,52 +1354,9 @@ } return layer }, - - // ��������������������� - initMap() { - // 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], - zoom: 14, - zoomControl: false, // ������������ - trackResize: true, - worldCopyJump: true, - dragging: true, - inertia: true, - attributionControl: true, // ���������������logol - crs: L.CRS.EPSG3857 // ���������������������EPSG3857���������������������EPSG3395������������������������ EPSG4326 WGS84 - }) - // ������������������ - 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) - 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() - } + console.log('change', this.windState) this.changeColor = index var pr = '' switch (index) { @@ -1696,32 +1392,13 @@ this.sensorKey = pr // ������������������ // this.toggleWindState() + 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.windData() this.deviceMaker() - // console.log('������������������') - // $.ajaxSettings.async = false - // for (let i = 0; i < this.monitorPointIds.length; i++) { - // } }, // ��������������� windData() { @@ -1735,34 +1412,24 @@ } }) .then((res) => { - this.windAllDate = res.data[0] - this.openWindCanves() - // 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') - // console.log('������������') - // console.log(res.data[0]) + this.windALLData = [] + this.windALLData = res.data[0] + this.openLayer() }) .catch((err) => { console.log(err) }) }, - openWindCanves() { + openLayer() { + const res = this.findLayer('wmsid') + if (this.map.hasLayer(res)) { + const res = this.findLayer('wmsid') + this.map.removeLayer(res) + } var velocityLayer = L.velocityLayer({ - displayValues: true, // ��������������������������������������������������� id: 'wmsid', + localMode: true, + displayValues: true, // ��������������������������������������������������� displayOptions: { // ������������������ // velocityType: 'Global Wind', @@ -1770,13 +1437,12 @@ displayPosition: 'bottomleft', displayEmptyString: 'No wind data' }, - data: this.windAllDate, // ������ ��������������� - // data: data2, + data: this.windALLData, // ������ ��������������� // ������������������������������������������ minVelocity: 0, // ��������������������� m/s ��� maxVelocity: 8, // ��������������������� m/s ��� velocityScale: 0.1, // ��������������� ( ������������������������ ) - particleAge: 90, // ������������������������������������������ + particleAge: 50, // ������������������������������������������ lineWidth: 1.5, // ��������������������� particleMultiplier: 1 / 300, // ��������������������� ������������ ��� frameRate: 15, // ��������������������� @@ -1791,7 +1457,7 @@ '#053F03' ] // colorScale: ['#053F03', '#053F03', '#053F03', '#053F03', '#053F03', '#053F03', '#053F03', '#053F03'] - }) + }, { collapsed: false, hideSingleBase: true }) velocityLayer.addTo(this.map) // ��������������� }, // ������������������������������������������������������������������ @@ -2086,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); */ } @@ -2100,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); */ } @@ -2108,6 +1776,8 @@ } .my-device { z-index: 999; + pointer-events: none !important; + cursor: pointer !important; } .windDir-icon { z-index: 10001; @@ -2168,4 +1838,5 @@ margin-left: -45px; margin-top: -40px; } + </style> -- Gitblit v1.8.0