@nextgis/leaflet-map-adapter 1.8.4 → 1.9.0

package/lib/leaflet-map-adapter.global.js

@@ -1,4 +1,4 @@
-/** Bundle of @nextgis/leaflet-map-adapter; version: 1.8.4; author: NextGIS */
+/** Bundle of @nextgis/leaflet-map-adapter; version: 1.9.0; author: NextGIS */
 var LeafletMapAdapter = (function () {
     'use strict';
 
@@ -15193,7 +15193,7 @@ var LeafletMapAdapter = (function () {
                 }
             }
         };
-        GeoJsonAdapter.prototype._openPopup = function (def, options, type, latlng) {
+        GeoJsonAdapter.prototype._openPopup = function (def, options, type, latLng) {
             var _a, _b;
             if (options === void 0) { options = {}; }
             return __awaiter(this, void 0, void 0, function () {
@@ -15245,7 +15245,7 @@ var LeafletMapAdapter = (function () {
                                         }, this);
                                 }
                                 this._openedPopup.push([popup, _closeHandlers, def]);
-                                popup.openPopup(latlng);
+                                popup.openPopup(latLng);
                             }
                             return [2 /*return*/];
                     }
@@ -15393,7 +15393,7 @@ var LeafletMapAdapter = (function () {
                     ok = this._filterFun(def_1);
                 }
                 if (ok) {
-                    var _a = this.options, popup = _a.popup, popupOptions = _a.popupOptions, selectable = _a.selectable, interactive = _a.interactive, selectOnHover = _a.selectOnHover;
+                    var _a = this.options, popup_1 = _a.popup, popupOptions_1 = _a.popupOptions, selectable = _a.selectable, interactive = _a.interactive, selectOnHover = _a.selectOnHover;
                     // @ts-ignore
                     layer.options.interactive = defined(interactive) ? interactive : true;
                     layer_.addLayer(layer);
@@ -15411,10 +15411,14 @@ var LeafletMapAdapter = (function () {
                         }
                     }
                     this._handleMouseEvents(layer);
-                    if (popup) {
-                        this._openPopup(__assign({ target: this, layer: layer, feature: feature }, createFeaturePositionOptions(feature)), popupOptions, 'api');
-                    }
-                    this._updateTooltip({ layer: layer, feature: feature });
+                    // The timeout is needed to display the popup immediately when adding a layer to the map.
+                    // Without a timeout, the layer may not yet have a _map object
+                    setTimeout(function () {
+                        if (popup_1) {
+                            _this._openPopup(__assign({ target: _this, layer: layer, feature: feature }, createFeaturePositionOptions(feature)), popupOptions_1, 'api');
+                        }
+                        _this._updateTooltip({ layer: layer, feature: feature });
+                    });
                 }
             }
         };
@@ -15992,6 +15996,15 @@ var LeafletMapAdapter = (function () {
         return OsmAdapter;
     }(TileAdapter));
 
+    function arrayToBoundsExpression(bounds) {
+        var e = bounds;
+        // top, left, bottom, right
+        return [
+            [e[3], e[0]],
+            [e[1], e[2]],
+        ];
+    }
+
     var LeafletMapAdapter$1 = /** @class */ (function () {
         function LeafletMapAdapter() {
             this.options = { target: 'map' };
@@ -16013,10 +16026,7 @@ var LeafletMapAdapter = (function () {
             this.options = __assign({}, options);
             if (this.options.target) {
                 var _a = this.options, zoom = _a.zoom, center = _a.center, maxZoom = _a.maxZoom, minZoom = _a.minZoom, mb = _a.maxBounds, mapAdapterOptions = _a.mapAdapterOptions;
-                this.map = new leafletSrc.exports.Map(this.options.target, __assign({ attributionControl: false, zoomControl: false, maxBounds: mb && [
-                        [mb[1], mb[0]],
-                        [mb[3], mb[2]],
-                    ], maxZoom: maxZoom, minZoom: minZoom, center: center && [center[1], center[0]], zoom: zoom }, mapAdapterOptions));
+                this.map = new leafletSrc.exports.Map(this.options.target, __assign({ attributionControl: false, zoomControl: false, maxBounds: mb ? arrayToBoundsExpression(mb) : undefined, maxZoom: maxZoom, minZoom: minZoom, center: center && [center[1], center[0]], zoom: zoom }, mapAdapterOptions));
                 // create default pane
                 var defPane = this.map.createPane('order-0');
                 this.map._addUnselectCb = function (def) {
@@ -16047,14 +16057,52 @@ var LeafletMapAdapter = (function () {
                 this.map.getContainer().style.cursor = cursor;
             }
         };
-        LeafletMapAdapter.prototype.setView = function (lngLat, zoom) {
-            var lng = lngLat[0], lat = lngLat[1];
-            if (this.map) {
-                if (typeof zoom === 'number') {
-                    this.map.setView([lat, lng], zoom, { animate: false });
+        LeafletMapAdapter.prototype.setView = function (lngLatOrOpt, zoom) {
+            var map = this.map;
+            if (!map)
+                return;
+            if (Array.isArray(lngLatOrOpt)) {
+                var lngLat = lngLatOrOpt;
+                var lng = lngLat[0], lat = lngLat[1];
+                if (this.map) {
+                    if (typeof zoom === 'number') {
+                        this.map.setView([lat, lng], zoom, { animate: false });
+                    }
+                    else {
+                        this.setCenter([lng, lat]);
+                    }
+                }
+            }
+            else {
+                var zoom_1 = lngLatOrOpt.zoom, center = lngLatOrOpt.center, maxBounds = lngLatOrOpt.maxBounds, bounds = lngLatOrOpt.bounds, minZoom = lngLatOrOpt.minZoom, maxZoom = lngLatOrOpt.maxZoom;
+                if (center && zoom_1 !== undefined) {
+                    this.setView(center, zoom_1);
                 }
                 else {
-                    this.setCenter([lng, lat]);
+                    if (zoom_1 !== undefined) {
+                        this.setZoom(zoom_1);
+                    }
+                    if (center) {
+                        this.setCenter(center);
+                    }
+                }
+                if (bounds) {
+                    this.fitBounds(bounds);
+                }
+                if (maxBounds !== undefined) {
+                    if (maxBounds) {
+                        map.setMaxBounds(arrayToBoundsExpression(maxBounds));
+                    }
+                    else {
+                        // @ts-ignore `null` works for unset maxBounds, but not in typing
+                        map.setMaxBounds(null);
+                    }
+                }
+                if (maxZoom !== undefined) {
+                    map.setMaxZoom(maxZoom);
+                }
+                if (minZoom !== undefined) {
+                    map.setMinZoom(minZoom);
                 }
             }
         };
@@ -16089,7 +16137,7 @@ var LeafletMapAdapter = (function () {
             return [sw.lng, sw.lat, ne.lng, ne.lat];
         };
         // [west, south, east, north]
-        LeafletMapAdapter.prototype.fitBounds = function (e, options) {
+        LeafletMapAdapter.prototype.fitBounds = function (bounds, options) {
             if (options === void 0) { options = {}; }
             if (this.map) {
                 var maxZoom = options.maxZoom, offset = options.offset, padding = options.padding;
@@ -16103,11 +16151,7 @@ var LeafletMapAdapter = (function () {
                 if (offset) {
                     opt.padding = offset;
                 }
-                // top, left, bottom, right
-                this.map.fitBounds([
-                    [e[3], e[0]],
-                    [e[1], e[2]],
-                ], opt);
+                this.map.fitBounds(arrayToBoundsExpression(bounds), opt);
             }
         };
         LeafletMapAdapter.prototype.getLayerAdapter = function (name) {