diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor
index ecc5f8e76..f50d30fb1 100644
--- a/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor
+++ b/BlazorBootstrap.Demo.RCL/Components/Pages/Maps/GoogleMapDocumentation.razor
@@ -15,7 +15,7 @@
     <div>
         Before you start using the GoogleMap component in your project, you need an API key.
         Please follow the link below for detailed steps.
-        <b>Link:</b> <a href="https://developers.google.com/maps/documentation/javascript/adding-a-google-map#key" target="_blank">https://developers.google.com/maps/documentation/javascript/adding-a-google-map#key</a>.
+        <b>Link:</b> <a href="https://developers.google.com/maps/documentation/javascript/get-api-key?setupProd=prerequisites" target="_blank">https://developers.google.com/maps/documentation/javascript/get-api-key?setupProd=prerequisites</a>.
     </div>
 </Section>
 
diff --git a/BlazorBootstrap.Demo.Server/appsettings.json b/BlazorBootstrap.Demo.Server/appsettings.json
index 36ef72990..a4e4c758a 100644
--- a/BlazorBootstrap.Demo.Server/appsettings.json
+++ b/BlazorBootstrap.Demo.Server/appsettings.json
@@ -23,7 +23,7 @@
   },
   "dotNetVersion": "9.0.0",
   "GoogleMap": {
-    "ApiKey": "AIzaSyDc110Rvu20IMJhlZcWTOPoLbVQdnjLyXs"
+    "ApiKey": "<<ApiKey>>"
   },
   "AzureOpenAI": {
     "Endpoint": "",
diff --git a/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json b/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json
index 110a3fd24..34c7a10d1 100644
--- a/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json
+++ b/BlazorBootstrap.Demo.WebAssembly/wwwroot/appsettings.json
@@ -16,6 +16,6 @@
   },
   "dotNetVersion": "9.0.0",
   "GoogleMap": {
-    "ApiKey": "AIzaSyDc110Rvu20IMJhlZcWTOPoLbVQdnjLyXs"
+    "ApiKey": "<<ApiKey>>"
   }
 }
\ No newline at end of file