@nextgis/ngw-leaflet 2.1.1 → 2.2.0

package/lib/ngw-leaflet.esm-browser.js

@@ -1,4 +1,4 @@
-/** Bundle of @nextgis/ngw-leaflet; version: 2.1.1; author: NextGIS */
+/** Bundle of @nextgis/ngw-leaflet; version: 2.2.0; author: NextGIS */
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
@@ -16905,30 +16905,32 @@ var __publicField$D = (obj, key, value) => {
 class ImageOverlay extends leafletSrcExports.ImageOverlay {
   constructor(imageUrl, bounds, options) {
     super(imageUrl, bounds, options);
-    __publicField$D(this, "_abort", []);
+    __publicField$D(this, "_aborter");
   }
   cancelLoad() {
-    if (this._abort) {
-      this._abort.forEach((x) => x());
-      this._abort = [];
+    if (this._aborter) {
+      this._aborter();
+      this._aborter = void 0;
     }
   }
   _initImage() {
     super._initImage();
     const headers = this.options.headers;
+    const img = this._image;
+    const src = img.src;
     if (headers) {
-      const img = this._image;
-      const src = img.src;
       img.src = "";
-      this._abort.push(
-        callAjax(
-          src,
-          (response) => {
-            img.src = response;
-          },
-          headers
-        )
+      this._aborter = callAjax(
+        src,
+        (response) => {
+          img.src = response;
+        },
+        headers
       );
+    } else {
+      this._aborter = () => {
+        img.setAttribute("src", leafletSrcExports.Util.emptyImageUrl);
+      };
     }
   }
 }
@@ -16967,6 +16969,7 @@ class ImageLayer extends leafletSrcExports.Layer {
     __publicField$C(this, "_url");
     __publicField$C(this, "_currentUrl");
     __publicField$C(this, "_currentOverlay");
+    __publicField$C(this, "_loadedOverlay");
     this._url = url;
     const params = {};
     const opts = {};
@@ -17020,15 +17023,18 @@ class ImageLayer extends leafletSrcExports.Layer {
     this._currentUrl = url;
     const viewPortBuffer = this.options.viewPortBuffer || 0;
     const bounds = this._map.getBounds().pad(viewPortBuffer);
+    if (this._loadedOverlay) {
+      this._loadedOverlay.cancelLoad();
+      this._loadedOverlay.off("load");
+      this._loadedOverlay = void 0;
+    }
     const overlay = new ImageOverlay(url, bounds, {
       opacity: 0,
       pane: this.options.pane,
       headers: this.options.headers
     });
     overlay.addTo(this._map);
-    if (this._currentOverlay) {
-      this._currentOverlay.cancelLoad();
-    }
+    this._loadedOverlay = overlay;
     overlay.once(
       "load",
       () => {
@@ -17041,6 +17047,7 @@ class ImageLayer extends leafletSrcExports.Layer {
         } else if (this._currentOverlay) {
           this._map.removeLayer(this._currentOverlay);
         }
+        this._loadedOverlay = void 0;
         this._currentOverlay = overlay;
         overlay.setOpacity(
           this.options.opacity !== void 0 ? this.options.opacity : 1