mapboxgl-tools 2.2.10 → 2.2.11

package/dist/ui.es.js

@@ -2489,7 +2489,8 @@ const options$4 = {
   fillOpacity: 0.1,
   lineColor: "#ff0000",
   lineWidth: 2,
-  lineOpacity: 0.65
+  lineOpacity: 0.65,
+  isKeep: true
 };
 const WBK_AREA_SOURCE_POINTS = "WBK_AREA_SOURCE_POINTS";
 const WBK_AREA_SOURCE_LINE = "WBK_AREA_SOURCE_LINE";
@@ -2638,23 +2639,28 @@ class MeasureAreaControl extends KeyboardControl {
         this.startEle.style.display = "none";
       }
       this.tooltip.setLngLat(coords);
-      if (this.options.showCloseButton) {
-        const ele = document.createElement("div");
-        ele.setAttribute("class", `${this.mainClass}-result wbiokr-ctrl-close`);
-        const option = {
-          element: ele,
-          anchor: "left",
-          offset: this.options.showArea ? [60, 0] : [15, 0]
-        };
-        ele.innerHTML = "\xD7";
-        this.closeButtonMarker = new mapboxgl.Marker(option).setLngLat(coords).addTo(this._map);
-        const self2 = this;
-        ele.onclick = function(__e) {
-          __e.stopPropagation();
-          self2._close();
-        }.bind(this);
-      }
       const wkt = `POLYGON((${this.points.map((p2) => `${p2[0]} ${p2[1]}`).join(", ")}, ${this.points[0][0]} ${this.points[0][1]}))`;
+      if (!this.options.isKeep) {
+        this._clearLayers();
+        this._resetData();
+      } else {
+        if (this.options.showCloseButton) {
+          const ele = document.createElement("div");
+          ele.setAttribute("class", `${this.mainClass}-result wbiokr-ctrl-close`);
+          const option = {
+            element: ele,
+            anchor: "left",
+            offset: this.options.showArea ? [60, 0] : [15, 0]
+          };
+          ele.innerHTML = "\xD7";
+          this.closeButtonMarker = new mapboxgl.Marker(option).setLngLat(coords).addTo(this._map);
+          const self2 = this;
+          ele.onclick = function(__e) {
+            __e.stopPropagation();
+            self2._close();
+          }.bind(this);
+        }
+      }
       this.options.onEnd && this.options.onEnd({ area: area2, coords, wkt });
     });
     this._map.on("mousemove", (e2) => {
@@ -2889,7 +2895,8 @@ const options$2 = {
   fillColor: "#f00",
   fillOpacity: 0.4,
   lineColor: "#f00",
-  lineWidth: 2
+  lineWidth: 2,
+  isKeep: true
 };
 class MouseRectControl extends KeyboardControl {
   constructor(e2) {
@@ -2954,8 +2961,12 @@ class MouseRectControl extends KeyboardControl {
         this.moving = false;
         const wkt = `POLYGON((${minX} ${minY}, ${minX} ${maxY}, ${maxX} ${maxY}, ${maxX} ${minY}, ${minX} ${minY}))`;
         this.options.onEnd && this.options.onEnd({ minX, minY, maxX, maxY, wkt });
-        if (this.options.showCloseButton) {
-          this._addCloseButton([maxX, maxY]);
+        if (!this.options.isKeep) {
+          this._clearDrawLayers();
+        } else {
+          if (this.options.showCloseButton) {
+            this._addCloseButton([maxX, maxY]);
+          }
         }
       }
     });
@@ -3055,6 +3066,21 @@ class MouseRectControl extends KeyboardControl {
     this.endLoc = [];
     this.locs = [];
   }
+  _clearDrawLayers() {
+    if (this._map.getLayer(LAYER_WBK_RECT_FILL)) {
+      this._map.removeLayer(LAYER_WBK_RECT_FILL);
+    }
+    if (this._map.getLayer(LAYER_WBK_RECT_LINE)) {
+      this._map.removeLayer(LAYER_WBK_RECT_LINE);
+    }
+    if (this._map.getSource(SOURCE_WBK_RECT)) {
+      this._map.removeSource(SOURCE_WBK_RECT);
+    }
+    if (this.closeButtonMarker) {
+      this.closeButtonMarker.remove();
+      this.closeButtonMarker = null;
+    }
+  }
   _addCloseButton(coords) {
     const ele = document.createElement("div");
     ele.setAttribute("class", `${this.mainClass}-result wbiokr-ctrl-close`);