@artstesh/maps 4.1.11 → 4.1.13

package/dist/fesm2020/maps-components.mjs

@@ -401,6 +401,18 @@ class GetFeaturesInAreaQuery extends PostboyCallbackMessage {
 }
 GetFeaturesInAreaQuery.ID = 'efcf4271-a07a-40e0-9f02-d4dade40b8ac';
 
+class FilterFeaturesInAreaExecutor extends PostboyExecutor {
+    constructor(area, features) {
+        super();
+        this.area = area;
+        this.features = features;
+    }
+    get id() {
+        return FilterFeaturesInAreaExecutor.ID;
+    }
+}
+FilterFeaturesInAreaExecutor.ID = '36bb2d94-8028-4512-90dd-2386af3fc67c';
+
 class AddLayerCommand extends PostboyGenericMessage {
     constructor(layer) {
         super();
@@ -533,18 +545,6 @@ class FeatureService {
     }
 }
 
-class FilterFeaturesInAreaExecutor extends PostboyExecutor {
-    constructor(area, features) {
-        super();
-        this.area = area;
-        this.features = features;
-    }
-    get id() {
-        return FilterFeaturesInAreaExecutor.ID;
-    }
-}
-FilterFeaturesInAreaExecutor.ID = '36bb2d94-8028-4512-90dd-2386af3fc67c';
-
 class GenerateDrawExecutor extends PostboyExecutor {
     constructor(layer, style, type) {
         super();
@@ -1098,6 +1098,13 @@ class TileLayerSettings {
          * @default 'EPSG:3857'
          */
         this.projection = 'EPSG:3857';
+        /**
+         * Additional headers that should be added to each tile request
+         *
+         * @type {Record<string, string>}
+         * @default An empty array
+         */
+        this.requestHeaders = null;
     }
     /**
      * Creates a copy of the given tile layer settings.
@@ -1112,6 +1119,7 @@ class TileLayerSettings {
         result.projection = model.projection;
         result.opacity = model.opacity;
         result.url = model.url;
+        result.requestHeaders = model.requestHeaders;
         return result;
     }
     /**
@@ -1123,6 +1131,15 @@ class TileLayerSettings {
     setUrl(url) {
         return TileLayerSettings.copy({ ...this, url });
     }
+    /**
+     * Sets the requestHeaders of the TileLayerSettings object.
+     *
+     * @param {Record<string, string>} requestHeaders - The headers which should be provided.
+     * @return {TileLayerSettings} - The updated TileLayerSettings object.
+     */
+    setRequestHeaders(requestHeaders) {
+        return TileLayerSettings.copy({ ...this, requestHeaders });
+    }
     /**
      * Sets the maximum zoom level for the tile layer.
      *
@@ -1176,6 +1193,8 @@ class TileLayerSettings {
             return false;
         if (this.opacity !== model.opacity)
             return false;
+        if (this.requestHeaders !== model.requestHeaders)
+            return false;
         return true;
     }
 }
@@ -1189,6 +1208,9 @@ class TileLayerFactory {
             projection: get(settings.projection),
             tileUrlFunction: this.getTileFunc(settings),
             crossOrigin: 'Anonymous',
+            tileLoadFunction: !!settings.requestHeaders
+                ? (tile, src) => this.tileLoader(tile, src, settings.requestHeaders)
+                : undefined,
         });
         return new TileLayer({ source, opacity: settings.opacity });
     }
@@ -1205,6 +1227,21 @@ class TileLayerFactory {
                 .replace('{y}', String(bound - (normalizedCoord?.y || y) - 1));
         };
     }
+    tileLoader(tile, src, headers) {
+        const client = new XMLHttpRequest();
+        client.open('GET', src);
+        client.responseType = 'arraybuffer';
+        Object.keys(headers).forEach((k) => client.setRequestHeader(k, headers[k]));
+        client.onload = function () {
+            if (this.response !== undefined) {
+                const arrayBufferView = new Uint8Array(this.response);
+                const blob = new Blob([arrayBufferView], { type: 'image/png' });
+                const urlCreator = window.URL || window.webkitURL;
+                tile.getImage().src = urlCreator.createObjectURL(blob);
+            }
+        };
+        client.send();
+    }
     getNormalizedCoord(coord, zoom) {
         const y = coord.y;
         let x = coord.x;
@@ -2461,5 +2498,5 @@ class StringifyFeatureHelper {
  * Generated bundle index. Do not edit.
  */
 
-export { AddControlCommand, CalculateAreaExecutor, CancelDrawingCommand, CancelFeatureModificationCommand, CloseTooltipCommand, ClusterLayerComponent, ClusterLayerSettings, DrawSelectionAreaCommand, DrawingType, FeatureLayerComponent, FeatureLayerSettings, FeatureOutputFormat, FitToPolygonsCommand, GetFeaturesInAreaQuery, GetMapPositionExecutor, MapClickEvent, MapControl, MapControlZoomComponent, MapLyrs, MapLyrsLabel, MapModule, MapMoveEndEvent, MapPlateComponent, MapPostboyService, MapRenderedEvent, MapSettings, MarkerModel, MarkerStyleHelper, MarkersComponent, MessageRegistratorService, ModifyFeatureCommand, OsmTileLayerComponent, PolygonModel, PolygonStyleHelper, PolygonsComponent, RemoveControlCommand, SetMapCenterCommand, StartDrawingCommand, StringifyFeatureHelper, TextStyleHelper, TileLayerComponent, TileLayerSettings, TooltipComponent, TooltipSettings, ZoomControlSettings };
+export { AddControlCommand, CalculateAreaExecutor, CancelDrawingCommand, CancelFeatureModificationCommand, CloseTooltipCommand, ClusterLayerComponent, ClusterLayerSettings, DrawSelectionAreaCommand, DrawingType, FeatureLayerComponent, FeatureLayerSettings, FeatureOutputFormat, FilterFeaturesInAreaExecutor, FitToPolygonsCommand, GetFeaturesInAreaQuery, GetMapPositionExecutor, MapClickEvent, MapControl, MapControlZoomComponent, MapLyrs, MapLyrsLabel, MapModule, MapMoveEndEvent, MapPlateComponent, MapPostboyService, MapRenderedEvent, MapSettings, MarkerModel, MarkerStyleHelper, MarkersComponent, MessageRegistratorService, ModifyFeatureCommand, OsmTileLayerComponent, PolygonModel, PolygonStyleHelper, PolygonsComponent, RemoveControlCommand, SetMapCenterCommand, StartDrawingCommand, StringifyFeatureHelper, TextStyleHelper, TileLayerComponent, TileLayerSettings, TooltipComponent, TooltipSettings, ZoomControlSettings };
 //# sourceMappingURL=maps-components.mjs.map