✨ [open-formulieren/open-forms#2173] Using the component defined tile…

… layer url Allowing the component to determine the background used for the map
open-formulieren · Dec 9, 2024 · 51db3c4 · 51db3c4
1 parent 81cacca
commit 51db3c4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/Map/index.jsx b/src/components/Map/index.jsx
@@ -66,6 +66,7 @@ const LeaftletMap = ({
   defaultCenter = DEFAULT_LAT_LNG,
   defaultZoomLevel = DEFAULT_ZOOM,
   disabled = false,
+  tileLayerUrl = TILE_LAYER_RD.url,
 }) => {
   const intl = useIntl();
   const defaultCoordinates = useDefaultCoordinates();
@@ -99,7 +100,7 @@ const LeaftletMap = ({
           duration: 3000,
         }}
       >
-        <TileLayer {...TILE_LAYER_RD} />
+        <TileLayer {...TILE_LAYER_RD} url={tileLayerUrl} />
         {coordinates ? (
           <>
             <MapView coordinates={coordinates} />
@@ -133,6 +134,7 @@ LeaftletMap.propTypes = {
   markerCoordinates: PropTypes.arrayOf(PropTypes.number),
   onMarkerSet: PropTypes.func,
   disabled: PropTypes.bool,
+  tileLayerUrl: PropTypes.string,
 };
 
 // Set the map view if coordinates are provided

diff --git a/src/formio/components/Map.jsx b/src/formio/components/Map.jsx
@@ -115,6 +115,7 @@ export default class Map extends Field {
             onMarkerSet={this.onMarkerSet.bind(this)}
             defaultCenter={defaultCenter}
             defaultZoomLevel={zoom || DEFAULT_ZOOM}
+            tileLayerUrl={this.component.tileLayerUrl}
           />
         </ConfigContext.Provider>
       </IntlProvider>