@artstesh/maps 4.1.34 → 4.1.36

package/dist/fesm2020/maps-components-src-map.mjs

@@ -2452,6 +2452,10 @@ class RasterTileLayerSettings {
          * @default An empty array
          */
         this.requestHeaders = null;
+        /**
+         * The priority of showing - layers with higher zIndex cover others in case of collisions
+         */
+        this.zIndex = 1;
         this.operation = (d) => d[0] ?? [];
     }
     /**
@@ -2464,6 +2468,7 @@ class RasterTileLayerSettings {
         const result = new RasterTileLayerSettings();
         result.maxZoom = model.maxZoom;
         result.minZoom = model.minZoom;
+        result.zIndex = model.zIndex;
         result.projection = model.projection;
         result.opacity = model.opacity;
         result.url = model.url;
@@ -2507,6 +2512,15 @@ class RasterTileLayerSettings {
     setMaxZoom(maxZoom) {
         return RasterTileLayerSettings.copy({ ...this, maxZoom });
     }
+    /**
+     * Sets the z-index for the RasterTileLayerSettings.
+     *
+     * @param {number} zIndex - The new z-index to be assigned.
+     * @return {RasterTileLayerSettings} A new RasterTileLayerSettings instance with the updated z-index.
+     */
+    setZIndex(zIndex) {
+        return RasterTileLayerSettings.copy({ ...this, zIndex });
+    }
     /**
      * Sets the minimum zoom level for the Tile Layer.
      *
@@ -2545,6 +2559,8 @@ class RasterTileLayerSettings {
             return false;
         if (this.minZoom !== model.minZoom)
             return false;
+        if (this.zIndex !== model.zIndex)
+            return false;
         if (this.url !== model.url)
             return false;
         if (this.projection !== model.projection)
@@ -2575,9 +2591,9 @@ class RasterTileLayerFactory {
         const raster = new RasterSource({
             sources: [source],
             operationType: 'image',
-            operation: (arg) => settings.operation(arg),
+            operation: settings.operation,
         });
-        return new ImageLayer({ source: raster, opacity: settings.opacity });
+        return new ImageLayer({ source: raster, opacity: settings.opacity, zIndex: settings.zIndex });
     }
     getTileFunc(settings) {
         return (tileCoord) => {