Merge pull request #3426 from goacgras/make-google-api-url-dynamic

Make apiUrl dynamic

Author: JustFly1984

packages/react-google-maps-api/src/useLoadScript.tsx

@@ -16,6 +16,7 @@ export type UseLoadScriptOptions = LoadScriptUrlOptions & {
   id?: string | undefined
   nonce?: string | undefined
   preventGoogleFontsLoading?: boolean | undefined
+  apiUrl?: string
 }
 
 let previouslyLoadedUrl: string
@@ -33,6 +34,7 @@ export function useLoadScript({
   channel,
   mapIds,
   authReferrerPolicy,
+  apiUrl = "https://maps.googleapis.com",
 }: UseLoadScriptOptions): {
   isLoaded: boolean
   loadError: Error | undefined
@@ -80,6 +82,7 @@ export function useLoadScript({
     channel,
     mapIds,
     authReferrerPolicy,
+    apiUrl,
   })
 
   useEffect(

packages/react-google-maps-api/src/utils/make-load-script-url.ts

@@ -13,6 +13,7 @@ export type LoadScriptUrlOptions = {
   channel?: string | undefined
   mapIds?: string[] | undefined
   authReferrerPolicy?: 'origin' | undefined
+  apiUrl?: string
 }
 
 export function makeLoadScriptUrl({
@@ -25,6 +26,7 @@ export function makeLoadScriptUrl({
   channel,
   mapIds,
   authReferrerPolicy,
+  apiUrl = 'https://maps.googleapis.com',
 }: LoadScriptUrlOptions): string {
   const params = []
 
@@ -71,5 +73,5 @@ export function makeLoadScriptUrl({
   params.push('loading=async')
   params.push('callback=initMap')
 
-  return `https://maps.googleapis.com/maps/api/js?${params.join('&')}`
+  return `${apiUrl}/maps/api/js?${params.join('&')}`
 }