mapboxgl-tools 1.1.2 → 1.2.0

package/dist/ui.es.js

@@ -20908,6 +20908,8 @@ const options = {
   onOpen: () => {
   },
   onEnd: () => {
+  },
+  onMousemove: () => {
   }
 };
 class MouseRectControl {
@@ -20957,30 +20959,43 @@ class MouseRectControl {
         this.startLoc = newLoc;
         isStart = true;
       }
+      const minX = Math.min(this.startLoc[0], this.endLoc[0]);
+      const minY = Math.min(this.startLoc[1], this.endLoc[1]);
+      const maxX = Math.max(this.startLoc[0], this.endLoc[0]);
+      const maxY = Math.max(this.startLoc[1], this.endLoc[1]);
+      if (!isStart) {
+        this.moving = false;
+        this.options.onEnd && this.options.onEnd({ minX, minY, maxX, maxY });
+      }
+    });
+    this._map.on("mousemove", (e) => {
+      if (!this.flag || !this.moving)
+        return;
+      if (!this.startLoc || this.startLoc.length === 0)
+        return;
+      const lngLat = e.lngLat;
+      const newLoc = [lngLat.lng, lngLat.lat];
       this.endLoc = newLoc;
       const minX = Math.min(this.startLoc[0], this.endLoc[0]);
       const minY = Math.min(this.startLoc[1], this.endLoc[1]);
       const maxX = Math.max(this.startLoc[0], this.endLoc[0]);
       const maxY = Math.max(this.startLoc[1], this.endLoc[1]);
-      console.log(this.endLoc, this.startLoc);
       this._map.getSource(SOURCE_WBK_RECT).setData({
         type: "Feature",
         geometry: {
           type: "Polygon",
           coordinates: [
-            [minX, minY],
-            [minX, maxY],
-            [maxX, maxY],
-            [maxX, minY],
-            [minX, minY]
+            [
+              [minX, minY],
+              [minX, maxY],
+              [maxX, maxY],
+              [maxX, minY],
+              [minX, minY]
+            ]
           ]
         }
       });
-      console.log(this._map.getSource(SOURCE_WBK_RECT), isStart);
-      if (!isStart) {
-        this.moving = false;
-        this.options.onEnd && this.options.onEnd({ minX, minY, maxX, maxY });
-      }
+      this.options.onMousemove && this.options.onMousemove(e);
     });
   }
   _open() {
@@ -20992,11 +21007,8 @@ class MouseRectControl {
       this._map.addSource(SOURCE_WBK_RECT, {
         type: "geojson",
         data: {
-          type: "Feature",
-          geometry: {
-            type: "Polygon",
-            coordinates: []
-          }
+          type: "FeatureCollection",
+          features: []
         }
       });
     }