mapboxgl-tools 2.2.10 → 2.2.12

package/dist/ui.es.js

@@ -2471,6 +2471,7 @@ class MeasureDistanceControl extends KeyboardControl {
   }
 }
 var control$4 = "";
+const areaPath = "M146.285714 292.571429v438.857142h73.142857V292.571429zM804.571429 292.571429v438.857142h73.142857V292.571429zM292.571429 219.428571h438.857142V146.285714H292.571429zM292.571429 877.714286h438.857142v-73.142857H292.571429zM345.234286 397.897143l292.571428 292.571428a36.571429 36.571429 0 1 0 51.712-51.712l-292.571428-292.571428a36.571429 36.571429 0 0 0-51.712 51.712zM804.571429 804.571429h73.142857v73.142857h-73.142857v-73.142857z m146.285714-73.142858h-219.428572v219.428572h219.428572v-219.428572zM804.571429 146.285714h73.142857v73.142857h-73.142857V146.285714z m146.285714-73.142857h-219.428572v219.428572h219.428572V73.142857zM146.285714 146.285714h73.142857v73.142857H146.285714V146.285714z m146.285715-73.142857H73.142857v219.428572h219.428572V73.142857zM146.285714 804.571429h73.142857v73.142857H146.285714v-73.142857z m146.285715-73.142858H73.142857v219.428572h219.428572v-219.428572z";
 const options$4 = {
   title: "\u6D4B\u91CF\u9762\u79EF",
   showCloseButton: true,
@@ -2489,7 +2490,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";
@@ -2626,6 +2628,7 @@ class MeasureAreaControl extends KeyboardControl {
     this._map.on("dblclick", (e2) => {
       if (!this.flag)
         return;
+      e2.preventDefault();
       const coords = [e2.lngLat.lng, e2.lngLat.lat];
       this.points.push(coords);
       this.measureFlag = false;
@@ -2638,23 +2641,33 @@ 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();
+        this.measureFlag = false;
+        this._map.doubleClickZoom.enable();
+        this._map.getCanvas().style.cursor = "";
+        this._onClose();
+        this._container.querySelector(`.${this.mainClass}-entry path`).setAttribute("d", areaPath);
+      } 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 +2902,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 +2968,15 @@ 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();
+          this.flagValue = false;
+          this._onClose();
+          this._container.querySelector(`.${this.mainClass}-entry path`).setAttribute("d", rectPath);
+        } else {
+          if (this.options.showCloseButton) {
+            this._addCloseButton([maxX, maxY]);
+          }
         }
       }
     });
@@ -3055,6 +3076,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`);