add: transform request

opendatasoft · Sep 27, 2023 · 089b858 · 089b858
1 parent 64ecd7f
commit 089b858
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/packages/visualizations/src/components/MapPoi/MapRender.svelte b/packages/visualizations/src/components/MapPoi/MapRender.svelte
@@ -16,7 +16,7 @@
     export let style: MapOptions['style'];
     export let sources: StyleSpecification['sources'];
     export let layers: StyleSpecification['layers'];
-
+    export let transformRequest: MapOptions['transformRequest'];
     // Options
     export let bbox: BBox;
     export let aspectRatio: number;
@@ -47,7 +47,9 @@
     }
 
     // Lifecycle
-    onMount(() => map.initialize(style, container, { bounds: bbox as LngLatBoundsLike }));
+    onMount(() =>
+        map.initialize(style, container, { bounds: bbox as LngLatBoundsLike, transformRequest })
+    );
     onDestroy(() => map.destroy());
 </script>
 

diff --git a/packages/visualizations/src/components/MapPoi/types.ts b/packages/visualizations/src/components/MapPoi/types.ts
@@ -1,4 +1,4 @@
-import type { CircleLayerSpecification, StyleSpecification, GeoJSONFeature } from 'maplibre-gl';
+import type { CircleLayerSpecification, StyleSpecification, GeoJSONFeature, RequestTransformFunction } from 'maplibre-gl';
 import type { BBox, GeoJsonProperties } from 'geojson';
 import type { Color, Source } from '../types';
 import type { CategoryLegend } from '../Legend/types';
@@ -16,6 +16,10 @@ export interface PoiMapOptions {
      * - Or an object with a 'sources' and a 'layers' keys. Useful when using a Raster or WMS basemap.
      */
     style?: string | PoiMapStyleOption;
+    /**  A callback to map nda transform urls wherever they are called.
+     *  Especially useful for mapbox://
+    */
+    transformRequest?: RequestTransformFunction;
     /**
      * Maximum boundaries of the map, outside of which the user cannot zoom/move
      * Also set the position of the map when rendering.

diff --git a/packages/visualizations/src/components/MapPoi/utils.ts b/packages/visualizations/src/components/MapPoi/utils.ts
@@ -105,6 +105,7 @@ export const getMapOptions = (options: PoiMapOptions) => {
         description,
         legend,
         sourceLink,
+        transformRequest,
     } = options;
     return {
         aspectRatio,
@@ -115,5 +116,6 @@ export const getMapOptions = (options: PoiMapOptions) => {
         description,
         legend,
         sourceLink,
+        transformRequest,
     };
 };