@artstesh/maps 1.1.34 → 1.1.36

package/dist/fesm2015/maps-components.js

@@ -2498,6 +2498,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) => { var _a; return (_a = d[0]) !== null && _a !== void 0 ? _a : []; };
     }
     /**
@@ -2510,6 +2514,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;
@@ -2553,6 +2558,15 @@ class RasterTileLayerSettings {
     setMaxZoom(maxZoom) {
         return RasterTileLayerSettings.copy(Object.assign(Object.assign({}, 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(Object.assign(Object.assign({}, this), { zIndex }));
+    }
     /**
      * Sets the minimum zoom level for the Tile Layer.
      *
@@ -2591,6 +2605,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)
@@ -2621,9 +2637,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) => {