diff --git a/src/components/Map/index.jsx b/src/components/Map/index.jsx
index a4beeb141..16f630429 100644
--- 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,
+  url = 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={url} />
         {coordinates ? (
           <>
             <MapView coordinates={coordinates} />
diff --git a/src/formio/components/Map.jsx b/src/formio/components/Map.jsx
index f527ac270..0040eb868 100644
--- 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}
+            url={this.component.url}
           />
         </ConfigContext.Provider>
       </IntlProvider>