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