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 | 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