mapboxgl-tools 2.2.11 → 2.2.13

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,
@@ -2627,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;
@@ -2643,6 +2645,11 @@ class MeasureAreaControl extends KeyboardControl {
       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");
@@ -2963,6 +2970,9 @@ class MouseRectControl extends KeyboardControl {
         this.options.onEnd && this.options.onEnd({ minX, minY, maxX, maxY, wkt });
         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]);
@@ -3904,7 +3914,7 @@ class PositionControl extends KeyboardControl {
   _resetData() {
     this.flagValue = false;
   }
-  _navigate() {
+  _navigate(updateInput = true) {
     this.current = -1;
     const newLocs = this._coords();
     if (this.options.type === "feature") {
@@ -3983,10 +3993,14 @@ class PositionControl extends KeyboardControl {
       li.append(span);
       ul.append(li);
     }
-    this.getterValue = newLocs.map((o2) => o2.join(",")).join("\n");
+    if (updateInput) {
+      this.getterValue = newLocs.map((o2) => o2.join(",")).join("\n");
+    }
   }
   _coords() {
-    const locs = coordListByStr(this.getterValue);
+    let coordStr = this.getterValue;
+    coordStr = coordStr.replace(/(\d+[\°°]?\d*[\']?\d*[\"]?[\d\.]*)\s+(\d+[\°°]?\d*[\']?\d*[\"]?[\d\.]*)/g, "$1,$2");
+    const locs = coordListByStr(coordStr);
     const newLocs = [...new Set(locs.map((a2) => a2.join(",")))].map((s2) => s2.split(","));
     if (newLocs.length < locs.length)
       this.options.onMini && this.options.onMini();
@@ -4017,6 +4031,15 @@ class PositionControl extends KeyboardControl {
       this._toggleCityPanel();
     };
     div.append(areaBtn);
+    const locateBtn = document.createElement("span");
+    locateBtn.innerText = "\u5B9A\u4F4D";
+    locateBtn.className = "wk-c-app wk-c-p wk-o-hover-70 wk-ease-300 wk-m-r-10";
+    locateBtn.onclick = (e2) => {
+      e2.preventDefault();
+      e2.stopPropagation();
+      this._handleLocate();
+    };
+    div.append(locateBtn);
     const clearBtn = document.createElement("span");
     clearBtn.innerText = "\u6E05\u7A7A";
     clearBtn.className = "wk-c-danger wk-c-hover-danger wk-c-p wk-ease-300 wk-o-hover-70 wk-scale-active-90 wk-m-l-10";
@@ -4148,7 +4171,7 @@ class PositionControl extends KeyboardControl {
     }
     console.log("\u63A7\u4EF6\u4F4D\u7F6E:", isOnRight ? "\u53F3\u4FA7" : "\u5DE6\u4FA7");
     console.log("\u4E3B\u6D6E\u7A97\u5C3A\u5BF8:", mainRect.width, "x", mainRect.height);
-    console.log("\u9762\u677F\u5C3A\u5BF8:", panelWidth, "x", panelHeight);
+    console.log("\u9762\u677F\u5C3A\u5BF8:", panelWidth, "x", 220);
   }
   _toggleCityPanel() {
     if (!this._map) {
@@ -4191,6 +4214,26 @@ class PositionControl extends KeyboardControl {
       }, 100);
     }
   }
+  _handleLocate() {
+    const textarea = this._container.querySelector("textarea");
+    if (!textarea)
+      return;
+    const inputValue = textarea.value.trim();
+    if (!inputValue) {
+      console.warn("\u8BF7\u8F93\u5165\u5750\u6807");
+      return;
+    }
+    this.value = inputValue;
+    this._navigate(false);
+    const newLocs = this._coords();
+    if (newLocs.length === 0) {
+      console.warn("\u6CA1\u6709\u6709\u6548\u7684\u5750\u6807");
+      return;
+    }
+    setTimeout(() => {
+      this.current = 0;
+    }, 100);
+  }
 }
 var FUNC_ERROR_TEXT = "Expected a function";
 var NAN = 0 / 0;