@artstesh/maps 6.0.3 → 6.0.5

package/dist/fesm2022/maps-components.mjs

@@ -419,6 +419,20 @@ class GetMapPositionExecutor extends PostboyExecutor {
     }
 }
 
+class GetFeaturesInAreaQuery extends PostboyCallbackMessage {
+    area;
+    ignore;
+    static ID = 'efcf4271-a07a-40e0-9f02-d4dade40b8ac';
+    constructor(area, ignore = new Set()) {
+        super();
+        this.area = area;
+        this.ignore = ignore;
+    }
+    get id() {
+        return GetFeaturesInAreaQuery.ID;
+    }
+}
+
 class AddLayerCommand extends PostboyGenericMessage {
     layer;
     static ID = 'd93e250f-92bc-43ac-9c6a-46c521a1aaa5';
@@ -560,20 +574,6 @@ class FeatureService {
     }
 }
 
-class GetFeaturesInAreaQuery extends PostboyCallbackMessage {
-    area;
-    ignore;
-    static ID = 'efcf4271-a07a-40e0-9f02-d4dade40b8ac';
-    constructor(area, ignore = new Set()) {
-        super();
-        this.area = area;
-        this.ignore = ignore;
-    }
-    get id() {
-        return GetFeaturesInAreaQuery.ID;
-    }
-}
-
 class FilterFeaturesInAreaExecutor extends PostboyExecutor {
     area;
     features;
@@ -1163,6 +1163,13 @@ class TileLayerSettings {
      * @default 'EPSG:3857'
      */
     projection = 'EPSG:3857';
+    /**
+     * Additional headers that should be added to each tile request
+     *
+     * @type {Record<string, string>}
+     * @default An empty array
+     */
+    requestHeaders = null;
     /**
      * Creates a copy of the given tile layer settings.
      *
@@ -1176,6 +1183,7 @@ class TileLayerSettings {
         result.projection = model.projection;
         result.opacity = model.opacity;
         result.url = model.url;
+        result.requestHeaders = model.requestHeaders;
         return result;
     }
     /**
@@ -1187,6 +1195,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.
      *
@@ -1240,6 +1257,8 @@ class TileLayerSettings {
             return false;
         if (this.opacity !== model.opacity)
             return false;
+        if (this.requestHeaders !== model.requestHeaders)
+            return false;
         return true;
     }
 }
@@ -1253,6 +1272,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 });
     }
@@ -1269,6 +1291,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;
@@ -2553,5 +2590,5 @@ class StringifyFeatureHelper {
  * Generated bundle index. Do not edit.
  */
 
-export { AddControlCommand, CalculateAreaExecutor, CancelDrawingCommand, CancelFeatureModificationCommand, CloseTooltipCommand, ClusterLayerComponent, ClusterLayerSettings, DrawSelectionAreaCommand, DrawingType, FeatureLayerComponent, FeatureLayerSettings, FeatureOutputFormat, FitToPolygonsCommand, 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, 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