diff --git a/samples/web-components-map/index.html b/samples/web-components-map/index.html
index 77c97f27..c4e38a13 100644
--- a/samples/web-components-map/index.html
+++ b/samples/web-components-map/index.html
@@ -11,9 +11,6 @@
 
     <link rel="stylesheet" type="text/css" href="./style.css" />
     <script type="module" src="./index.js"></script>
-    <!-- prettier-ignore -->
-    <script>(g => { var h, a, k, p = "The Google Maps JavaScript API", c = "google", l = "importLibrary", q = "__ib__", m = document, b = window; b = b[c] || (b[c] = {}); var d = b.maps || (b.maps = {}), r = new Set, e = new URLSearchParams, u = () => h || (h = new Promise(async (f, n) => { await (a = m.createElement("script")); e.set("libraries", [...r] + ""); for (k in g) e.set(k.replace(/[A-Z]/g, t => "_" + t[0].toLowerCase()), g[k]); e.set("callback", c + ".maps." + q); a.src = `https://maps.${c}apis.com/maps/api/js?` + e; d[q] = f; a.onerror = () => h = n(Error(p + " could not load.")); a.nonce = m.querySelector("script[nonce]")?.nonce || ""; m.head.append(a) })); d[l] ? console.warn(p + " only loads once. Ignoring:", g) : d[l] = (f, ...n) => r.add(f) && u().then(() => d[l](f, ...n)) })
-      ({ key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "weekly" });</script>
   </head>
   <body>
     <!-- [START maps_web_components_map_gmpmap] -->
@@ -24,6 +21,17 @@
       style="height: 400px"
     ></gmp-map>
     <!-- [END maps_web_components_map_gmpmap] -->
+   <!-- 
+      The `defer` attribute causes the script to execute after the full HTML
+      document has been parsed. For non-blocking uses, avoiding race conditions,
+      and consistent behavior across browsers, consider loading using Promises. See
+      https://developers.google.com/maps/documentation/javascript/load-maps-js-api
+      for more information.
+      -->
+    <script
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&libraries=maps,marker&v=weekly"
+      defer
+    ></script>
   </body>
 </html>
 <!-- [END maps_web_components_map] -->
diff --git a/samples/web-components-map/index.ts b/samples/web-components-map/index.ts
index eb949098..842336d9 100644
--- a/samples/web-components-map/index.ts
+++ b/samples/web-components-map/index.ts
@@ -7,7 +7,6 @@
 // [START maps_web_components_map]
 // This example adds a map using web components.
 async function initMap(): Promise<void> {
-    await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
     console.log('Maps JavaScript API loaded.');
 }
 
