From cbe7945d83be6a9d85bd9877151de21d7dfc96ce Mon Sep 17 00:00:00 2001
From: "Chris J. Shull" <chrisjshull@gmail.com>
Date: Mon, 6 Nov 2023 14:18:24 -0800
Subject: [PATCH] fix: Update versions and import timing (#1581)

---
 dist/samples/add-map/app/index.html           |  2 +-
 dist/samples/add-map/docs/index.html          |  2 +-
 dist/samples/add-map/iframe/index.html        |  2 +-
 dist/samples/add-map/jsfiddle/demo.html       |  2 +-
 dist/samples/add-map/playground/index.html    |  2 +-
 .../app/index.html                            |  2 +-
 .../app/style.css                             |  4 ---
 .../docs/index.html                           |  2 +-
 .../docs/style.css                            |  4 ---
 .../iframe/index.html                         |  6 ++--
 .../jsfiddle/demo.css                         |  4 ---
 .../jsfiddle/demo.html                        |  2 +-
 .../playground/index.html                     |  2 +-
 .../playground/style.css                      |  4 ---
 .../advanced-markers-altitude/app/index.html  |  2 +-
 .../advanced-markers-altitude/app/style.css   |  4 ---
 .../advanced-markers-altitude/docs/index.html |  2 +-
 .../advanced-markers-altitude/docs/style.css  |  4 ---
 .../iframe/index.html                         |  6 ++--
 .../jsfiddle/demo.css                         |  4 ---
 .../jsfiddle/demo.html                        |  2 +-
 .../playground/index.html                     |  2 +-
 .../playground/style.css                      |  4 ---
 .../advanced-markers-animation/app/index.html |  2 +-
 .../advanced-markers-animation/app/index.ts   |  3 +-
 .../advanced-markers-animation/app/style.css  |  4 ---
 .../docs/index.html                           |  2 +-
 .../advanced-markers-animation/docs/index.js  |  3 +-
 .../advanced-markers-animation/docs/style.css |  4 ---
 .../iframe/index.html                         |  6 ++--
 .../jsfiddle/demo.css                         |  4 ---
 .../jsfiddle/demo.html                        |  2 +-
 .../jsfiddle/demo.js                          |  3 +-
 .../playground/index.html                     |  2 +-
 .../playground/index.ts                       |  5 +--
 .../playground/style.css                      |  4 ---
 .../app/index.html                            |  2 +-
 .../app/style.css                             |  4 ---
 .../docs/index.html                           |  2 +-
 .../docs/style.css                            |  4 ---
 .../iframe/index.html                         |  6 ++--
 .../jsfiddle/demo.css                         |  4 ---
 .../jsfiddle/demo.html                        |  2 +-
 .../playground/index.html                     |  2 +-
 .../playground/style.css                      |  4 ---
 .../advanced-markers-collision/app/index.html |  2 +-
 .../advanced-markers-collision/app/style.css  |  4 ---
 .../docs/index.html                           |  2 +-
 .../advanced-markers-collision/docs/style.css |  4 ---
 .../iframe/index.html                         |  6 ++--
 .../jsfiddle/demo.css                         |  4 ---
 .../jsfiddle/demo.html                        |  2 +-
 .../playground/index.html                     |  2 +-
 .../playground/style.css                      |  4 ---
 .../advanced-markers-draggable/app/index.html |  2 +-
 .../advanced-markers-draggable/app/style.css  |  4 ---
 .../docs/index.html                           |  2 +-
 .../advanced-markers-draggable/docs/style.css |  4 ---
 .../iframe/index.html                         |  6 ++--
 .../jsfiddle/demo.css                         |  4 ---
 .../jsfiddle/demo.html                        |  2 +-
 .../playground/index.html                     |  2 +-
 .../playground/style.css                      |  4 ---
 .../advanced-markers-graphics/app/style.css   |  4 ---
 .../advanced-markers-graphics/docs/style.css  |  4 ---
 .../iframe/index.html                         |  4 +--
 .../jsfiddle/demo.css                         |  4 ---
 .../playground/style.css                      |  4 ---
 .../app/index.html                            |  2 +-
 .../app/style.css                             |  4 ---
 .../docs/index.html                           |  2 +-
 .../docs/style.css                            |  4 ---
 .../iframe/index.html                         |  6 ++--
 .../jsfiddle/demo.css                         |  4 ---
 .../jsfiddle/demo.html                        |  2 +-
 .../playground/index.html                     |  2 +-
 .../playground/style.css                      |  4 ---
 .../advanced-markers-html/app/index.html      |  2 +-
 .../advanced-markers-html/app/index.ts        |  3 +-
 .../advanced-markers-html/docs/index.html     |  2 +-
 .../advanced-markers-html/docs/index.js       |  3 +-
 .../advanced-markers-html/iframe/index.html   |  4 +--
 .../advanced-markers-html/jsfiddle/demo.html  |  2 +-
 .../advanced-markers-html/jsfiddle/demo.js    |  3 +-
 .../playground/index.html                     |  2 +-
 .../advanced-markers-html/playground/index.ts |  5 +--
 .../advanced-markers-simple/app/index.html    |  2 +-
 .../advanced-markers-simple/app/style.css     |  4 ---
 .../advanced-markers-simple/docs/index.html   |  2 +-
 .../advanced-markers-simple/docs/style.css    |  4 ---
 .../advanced-markers-simple/iframe/index.html |  6 ++--
 .../advanced-markers-simple/jsfiddle/demo.css |  4 ---
 .../jsfiddle/demo.html                        |  2 +-
 .../playground/index.html                     |  2 +-
 .../playground/style.css                      |  4 ---
 .../advanced-markers-zoom/app/index.html      |  2 +-
 .../advanced-markers-zoom/app/style.css       |  4 ---
 .../advanced-markers-zoom/docs/index.html     |  2 +-
 .../advanced-markers-zoom/docs/style.css      |  4 ---
 .../advanced-markers-zoom/iframe/index.html   |  6 ++--
 .../advanced-markers-zoom/jsfiddle/demo.css   |  4 ---
 .../advanced-markers-zoom/jsfiddle/demo.html  |  2 +-
 .../playground/index.html                     |  2 +-
 .../playground/style.css                      |  4 ---
 .../boundaries-choropleth/app/index.html      |  2 +-
 .../boundaries-choropleth/docs/index.html     |  2 +-
 .../boundaries-choropleth/iframe/index.html   |  2 +-
 .../boundaries-choropleth/jsfiddle/demo.html  |  2 +-
 .../playground/index.html                     |  2 +-
 dist/samples/boundaries-click/app/index.html  |  2 +-
 dist/samples/boundaries-click/docs/index.html |  2 +-
 .../boundaries-click/iframe/index.html        |  2 +-
 .../boundaries-click/jsfiddle/demo.html       |  2 +-
 .../boundaries-click/playground/index.html    |  2 +-
 dist/samples/boundaries-simple/app/index.html |  2 +-
 .../samples/boundaries-simple/docs/index.html |  2 +-
 .../boundaries-simple/iframe/index.html       |  2 +-
 .../boundaries-simple/jsfiddle/demo.html      |  2 +-
 .../boundaries-simple/playground/index.html   |  2 +-
 .../boundaries-text-search/app/index.ts       | 13 ++++---
 .../boundaries-text-search/docs/index.js      | 13 ++++---
 .../boundaries-text-search/iframe/index.html  |  2 +-
 .../boundaries-text-search/jsfiddle/demo.js   | 13 ++++---
 .../playground/index.ts                       | 17 ++++------
 dist/samples/dds-datasets-point/app/index.ts  |  3 +-
 dist/samples/dds-datasets-point/app/style.css |  4 ---
 dist/samples/dds-datasets-point/docs/index.js |  3 +-
 .../samples/dds-datasets-point/docs/style.css |  4 ---
 .../dds-datasets-point/iframe/index.html      |  4 +--
 .../dds-datasets-point/jsfiddle/demo.css      |  4 ---
 .../dds-datasets-point/jsfiddle/demo.js       |  3 +-
 .../dds-datasets-point/playground/index.ts    |  5 +--
 .../dds-datasets-point/playground/style.css   |  4 ---
 .../dds-datasets-polygon-click/app/index.ts   |  4 +--
 .../dds-datasets-polygon-click/app/style.css  |  4 ---
 .../dds-datasets-polygon-click/docs/index.js  |  3 +-
 .../dds-datasets-polygon-click/docs/style.css |  4 ---
 .../iframe/index.html                         |  4 +--
 .../jsfiddle/demo.css                         |  4 ---
 .../jsfiddle/demo.js                          |  3 +-
 .../playground/index.ts                       |  6 ++--
 .../playground/style.css                      |  4 ---
 .../dds-datasets-polygon-colors/app/index.ts  |  3 +-
 .../dds-datasets-polygon-colors/app/style.css |  4 ---
 .../dds-datasets-polygon-colors/docs/index.js |  3 +-
 .../docs/style.css                            |  4 ---
 .../iframe/index.html                         |  4 +--
 .../jsfiddle/demo.css                         |  4 ---
 .../jsfiddle/demo.js                          |  3 +-
 .../playground/index.ts                       |  5 +--
 .../playground/style.css                      |  4 ---
 .../dds-datasets-polygon/app/style.css        |  4 ---
 .../dds-datasets-polygon/docs/style.css       |  4 ---
 .../dds-datasets-polygon/iframe/index.html    |  4 +--
 .../dds-datasets-polygon/jsfiddle/demo.css    |  4 ---
 .../dds-datasets-polygon/playground/style.css |  4 ---
 .../dds-datasets-polyline/app/index.ts        |  3 +-
 .../dds-datasets-polyline/app/style.css       |  4 ---
 .../dds-datasets-polyline/docs/index.js       |  3 +-
 .../dds-datasets-polyline/docs/style.css      |  4 ---
 .../dds-datasets-polyline/iframe/index.html   |  4 +--
 .../dds-datasets-polyline/jsfiddle/demo.css   |  4 ---
 .../dds-datasets-polyline/jsfiddle/demo.js    |  3 +-
 .../dds-datasets-polyline/playground/index.ts |  5 +--
 .../playground/style.css                      |  4 ---
 dist/samples/deckgl-arclayer/app/index.html   |  2 +-
 dist/samples/deckgl-arclayer/docs/index.html  |  2 +-
 .../samples/deckgl-arclayer/iframe/index.html |  2 +-
 .../deckgl-arclayer/jsfiddle/demo.html        |  2 +-
 .../deckgl-arclayer/playground/index.html     |  2 +-
 dist/samples/deckgl-tripslayer/app/index.html |  2 +-
 .../samples/deckgl-tripslayer/docs/index.html |  2 +-
 .../deckgl-tripslayer/iframe/index.html       |  2 +-
 .../deckgl-tripslayer/jsfiddle/demo.html      |  2 +-
 .../deckgl-tripslayer/playground/index.html   |  2 +-
 dist/samples/map-puzzle/iframe/index.html     |  2 +-
 dist/samples/move-camera-ease/app/index.html  |  2 +-
 dist/samples/move-camera-ease/docs/index.html |  2 +-
 .../move-camera-ease/iframe/index.html        |  2 +-
 .../move-camera-ease/jsfiddle/demo.html       |  2 +-
 .../move-camera-ease/playground/index.html    |  2 +-
 .../place-autocomplete-element/app/index.ts   |  9 ++---
 .../place-autocomplete-element/app/style.css  |  4 ---
 .../place-autocomplete-element/docs/index.js  | 11 ++----
 .../place-autocomplete-element/docs/style.css |  4 ---
 .../iframe/index.html                         |  4 +--
 .../jsfiddle/demo.css                         |  4 ---
 .../jsfiddle/demo.js                          | 11 ++----
 .../playground/index.ts                       | 11 ++----
 .../playground/style.css                      |  4 ---
 .../place-autocomplete-map/app/index.html     |  2 +-
 .../place-autocomplete-map/app/index.ts       | 14 +++-----
 .../place-autocomplete-map/app/style.css      | 12 ++-----
 .../place-autocomplete-map/docs/index.html    |  2 +-
 .../place-autocomplete-map/docs/index.js      | 18 ++++------
 .../place-autocomplete-map/docs/style.css     | 12 ++-----
 .../place-autocomplete-map/iframe/index.html  |  6 ++--
 .../place-autocomplete-map/jsfiddle/demo.css  | 12 ++-----
 .../place-autocomplete-map/jsfiddle/demo.html |  2 +-
 .../place-autocomplete-map/jsfiddle/demo.js   | 18 ++++------
 .../playground/index.html                     |  2 +-
 .../playground/index.ts                       | 18 ++++------
 .../playground/style.css                      | 12 ++-----
 dist/samples/place-text-search/app/index.ts   | 18 +++++-----
 dist/samples/place-text-search/docs/index.js  | 23 ++++++-------
 .../place-text-search/iframe/index.html       |  2 +-
 .../place-text-search/jsfiddle/demo.js        | 23 ++++++-------
 .../place-text-search/playground/index.ts     | 27 +++++++--------
 .../app/index.html                            | 10 ++----
 .../app/style.css                             | 16 +++------
 .../docs/index.html                           | 10 ++----
 .../docs/style.css                            | 16 +++------
 .../iframe/index.html                         | 14 +++-----
 .../jsfiddle/demo.css                         | 16 +++------
 .../jsfiddle/demo.html                        | 10 ++----
 .../playground/index.html                     | 10 ++----
 .../playground/style.css                      | 16 +++------
 dist/samples/react-map/iframe/index.html      |  2 +-
 .../threejs-overlay-simple/app/index.html     |  2 +-
 .../threejs-overlay-simple/docs/index.html    |  2 +-
 .../threejs-overlay-simple/iframe/index.html  |  2 +-
 .../threejs-overlay-simple/jsfiddle/demo.html |  2 +-
 .../playground/index.html                     |  2 +-
 dist/samples/webgl-deckgl/app/index.html      |  2 +-
 dist/samples/webgl-deckgl/docs/index.html     |  2 +-
 dist/samples/webgl-deckgl/iframe/index.html   |  2 +-
 dist/samples/webgl-deckgl/jsfiddle/demo.html  |  2 +-
 .../webgl-deckgl/playground/index.html        |  2 +-
 .../webgl-overlay-simple/app/index.html       |  2 +-
 .../webgl-overlay-simple/docs/index.html      |  2 +-
 .../webgl-overlay-simple/iframe/index.html    |  2 +-
 .../webgl-overlay-simple/jsfiddle/demo.html   |  2 +-
 .../playground/index.html                     |  2 +-
 .../webgl-tilt-rotation/app/index.html        |  2 +-
 .../webgl-tilt-rotation/docs/index.html       |  2 +-
 .../webgl-tilt-rotation/iframe/index.html     |  2 +-
 .../webgl-tilt-rotation/jsfiddle/demo.html    |  2 +-
 .../webgl-tilt-rotation/playground/index.html |  2 +-
 samples/add-map/add-map.json                  |  2 +-
 .../advanced-markers-accessibility.json       |  2 +-
 .../advanced-markers-accessibility/style.scss |  4 ---
 .../advanced-markers-altitude.json            |  2 +-
 samples/advanced-markers-altitude/style.scss  | 12 +++----
 .../advanced-markers-animation.json           |  2 +-
 samples/advanced-markers-animation/index.ts   |  3 +-
 samples/advanced-markers-animation/style.scss |  6 +---
 .../advanced-markers-basic-style.json         |  2 +-
 .../advanced-markers-basic-style/style.scss   | 12 +++----
 .../advanced-markers-collision.json           |  2 +-
 samples/advanced-markers-collision/style.scss |  4 ---
 .../advanced-markers-draggable.json           |  2 +-
 samples/advanced-markers-draggable/style.scss | 12 +++----
 samples/advanced-markers-graphics/style.scss  | 12 +++----
 .../advanced-markers-html-simple.json         |  2 +-
 .../advanced-markers-html-simple/style.scss   |  4 ---
 .../advanced-markers-html.json                |  2 +-
 samples/advanced-markers-html/index.ts        |  3 +-
 .../advanced-markers-simple.json              |  2 +-
 samples/advanced-markers-simple/style.scss    | 12 +++----
 .../advanced-markers-zoom.json                |  2 +-
 samples/advanced-markers-zoom/style.scss      | 12 +++----
 .../boundaries-choropleth.json                |  2 +-
 .../boundaries-click/boundaries-click.json    |  2 +-
 .../boundaries-simple/boundaries-simple.json  |  2 +-
 samples/boundaries-text-search/index.ts       | 13 ++++---
 samples/dds-datasets-point/index.ts           |  3 +-
 samples/dds-datasets-point/style.scss         |  4 ---
 samples/dds-datasets-polygon-click/index.ts   |  4 +--
 samples/dds-datasets-polygon-click/style.scss | 12 +++----
 samples/dds-datasets-polygon-colors/index.ts  |  3 +-
 .../dds-datasets-polygon-colors/style.scss    | 12 +++----
 samples/dds-datasets-polygon/style.scss       | 14 +++-----
 samples/dds-datasets-polyline/index.ts        |  3 +-
 samples/dds-datasets-polyline/style.scss      |  4 ---
 samples/deckgl-arclayer/deckgl-arclayer.json  |  2 +-
 .../deckgl-tripslayer/deckgl-tripslayer.json  |  2 +-
 .../move-camera-ease/move-camera-ease.json    |  2 +-
 samples/place-autocomplete-element/index.ts   |  9 ++---
 samples/place-autocomplete-element/style.scss |  4 ---
 samples/place-autocomplete-map/index.njk      |  2 +-
 samples/place-autocomplete-map/index.ts       | 14 +++-----
 samples/place-autocomplete-map/style.scss     | 12 ++-----
 samples/place-text-search/index.ts            | 18 +++++-----
 .../places-autocomplete-addressform/index.njk |  5 ++-
 .../style.scss                                | 34 ++++++++-----------
 .../threejs-overlay-simple.json               |  2 +-
 samples/webgl-deckgl/webgl-deckgl.json        |  2 +-
 samples/webgl-overlay-simple/package.json     |  2 +-
 .../webgl-overlay-simple.json                 |  2 +-
 .../webgl-tilt-rotation.json                  |  2 +-
 290 files changed, 428 insertions(+), 945 deletions(-)

diff --git a/dist/samples/add-map/app/index.html b/dist/samples/add-map/app/index.html
index f661e2f2cd..86997a3fc7 100644
--- a/dist/samples/add-map/app/index.html
+++ b/dist/samples/add-map/app/index.html
@@ -19,6 +19,6 @@ <h3>My Google Maps Demo</h3>
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/add-map/docs/index.html b/dist/samples/add-map/docs/index.html
index 861daaf079..b25b378db5 100644
--- a/dist/samples/add-map/docs/index.html
+++ b/dist/samples/add-map/docs/index.html
@@ -24,7 +24,7 @@ <h3>My Google Maps Demo</h3>
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
 <!-- [END maps_add_map] -->
diff --git a/dist/samples/add-map/iframe/index.html b/dist/samples/add-map/iframe/index.html
index d96d9fb646..7f6a90f4ef 100644
--- a/dist/samples/add-map/iframe/index.html
+++ b/dist/samples/add-map/iframe/index.html
@@ -19,6 +19,6 @@ <h3>My Google Maps Demo</h3>
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/add-map/jsfiddle/demo.html b/dist/samples/add-map/jsfiddle/demo.html
index b56f7d9d76..05569dd974 100644
--- a/dist/samples/add-map/jsfiddle/demo.html
+++ b/dist/samples/add-map/jsfiddle/demo.html
@@ -17,6 +17,6 @@ <h3>My Google Maps Demo</h3>
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/add-map/playground/index.html b/dist/samples/add-map/playground/index.html
index f8b1edd6ad..3d5a9bf7fe 100644
--- a/dist/samples/add-map/playground/index.html
+++ b/dist/samples/add-map/playground/index.html
@@ -20,6 +20,6 @@ <h3>My Google Maps Demo</h3>
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-accessibility/app/index.html b/dist/samples/advanced-markers-accessibility/app/index.html
index 5621ea0128..00ec4b6ba2 100644
--- a/dist/samples/advanced-markers-accessibility/app/index.html
+++ b/dist/samples/advanced-markers-accessibility/app/index.html
@@ -17,6 +17,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-accessibility/app/style.css b/dist/samples/advanced-markers-accessibility/app/style.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/advanced-markers-accessibility/app/style.css
+++ b/dist/samples/advanced-markers-accessibility/app/style.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-accessibility/docs/index.html b/dist/samples/advanced-markers-accessibility/docs/index.html
index 70b172b040..c79c84065c 100644
--- a/dist/samples/advanced-markers-accessibility/docs/index.html
+++ b/dist/samples/advanced-markers-accessibility/docs/index.html
@@ -18,7 +18,7 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
 <!-- [END maps_advanced_markers_accessibility] -->
diff --git a/dist/samples/advanced-markers-accessibility/docs/style.css b/dist/samples/advanced-markers-accessibility/docs/style.css
index b7a8501684..635c259f0c 100644
--- a/dist/samples/advanced-markers-accessibility/docs/style.css
+++ b/dist/samples/advanced-markers-accessibility/docs/style.css
@@ -22,8 +22,4 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
 /* [END maps_advanced_markers_accessibility] */
\ No newline at end of file
diff --git a/dist/samples/advanced-markers-accessibility/iframe/index.html b/dist/samples/advanced-markers-accessibility/iframe/index.html
index 48398cfee7..514be42d53 100644
--- a/dist/samples/advanced-markers-accessibility/iframe/index.html
+++ b/dist/samples/advanced-markers-accessibility/iframe/index.html
@@ -9,14 +9,14 @@
     <title>Advanced Marker Accessibility</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-832ca959.js"></script>
-    <link rel="stylesheet" href="./assets/index-ce4e6ab5.css" />
+    <script type="module" crossorigin src="./assets/index-a7d0409b.js"></script>
+    <link rel="stylesheet" href="./assets/index-5f44f203.css" />
   </head>
   <body>
     <div id="map"></div>
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-accessibility/jsfiddle/demo.css b/dist/samples/advanced-markers-accessibility/jsfiddle/demo.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/advanced-markers-accessibility/jsfiddle/demo.css
+++ b/dist/samples/advanced-markers-accessibility/jsfiddle/demo.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-accessibility/jsfiddle/demo.html b/dist/samples/advanced-markers-accessibility/jsfiddle/demo.html
index a41b13f01e..1e18d95e02 100644
--- a/dist/samples/advanced-markers-accessibility/jsfiddle/demo.html
+++ b/dist/samples/advanced-markers-accessibility/jsfiddle/demo.html
@@ -15,6 +15,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-accessibility/playground/index.html b/dist/samples/advanced-markers-accessibility/playground/index.html
index 7ae06c37b9..163d2dbfc2 100644
--- a/dist/samples/advanced-markers-accessibility/playground/index.html
+++ b/dist/samples/advanced-markers-accessibility/playground/index.html
@@ -18,6 +18,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-accessibility/playground/style.css b/dist/samples/advanced-markers-accessibility/playground/style.css
index 9c882cb47b..a8d59c808e 100644
--- a/dist/samples/advanced-markers-accessibility/playground/style.css
+++ b/dist/samples/advanced-markers-accessibility/playground/style.css
@@ -16,7 +16,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-altitude/app/index.html b/dist/samples/advanced-markers-altitude/app/index.html
index d155a6dc7e..760cc9113c 100644
--- a/dist/samples/advanced-markers-altitude/app/index.html
+++ b/dist/samples/advanced-markers-altitude/app/index.html
@@ -17,6 +17,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-altitude/app/style.css b/dist/samples/advanced-markers-altitude/app/style.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/advanced-markers-altitude/app/style.css
+++ b/dist/samples/advanced-markers-altitude/app/style.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-altitude/docs/index.html b/dist/samples/advanced-markers-altitude/docs/index.html
index f359cc49f4..7ee811dc08 100644
--- a/dist/samples/advanced-markers-altitude/docs/index.html
+++ b/dist/samples/advanced-markers-altitude/docs/index.html
@@ -18,7 +18,7 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
 <!-- [END maps_advanced_markers_altitude] -->
diff --git a/dist/samples/advanced-markers-altitude/docs/style.css b/dist/samples/advanced-markers-altitude/docs/style.css
index f09ca03a58..4c9ca134bd 100644
--- a/dist/samples/advanced-markers-altitude/docs/style.css
+++ b/dist/samples/advanced-markers-altitude/docs/style.css
@@ -22,8 +22,4 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
 /* [END maps_advanced_markers_altitude] */
\ No newline at end of file
diff --git a/dist/samples/advanced-markers-altitude/iframe/index.html b/dist/samples/advanced-markers-altitude/iframe/index.html
index 8cebad3d92..f1b8b60b27 100644
--- a/dist/samples/advanced-markers-altitude/iframe/index.html
+++ b/dist/samples/advanced-markers-altitude/iframe/index.html
@@ -9,14 +9,14 @@
     <title>Advanced Marker Altitude</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-55241dc8.js"></script>
-    <link rel="stylesheet" href="./assets/index-ce4e6ab5.css" />
+    <script type="module" crossorigin src="./assets/index-dadddf67.js"></script>
+    <link rel="stylesheet" href="./assets/index-5f44f203.css" />
   </head>
   <body>
     <div id="map"></div>
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-altitude/jsfiddle/demo.css b/dist/samples/advanced-markers-altitude/jsfiddle/demo.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/advanced-markers-altitude/jsfiddle/demo.css
+++ b/dist/samples/advanced-markers-altitude/jsfiddle/demo.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-altitude/jsfiddle/demo.html b/dist/samples/advanced-markers-altitude/jsfiddle/demo.html
index 10686045be..54fb005975 100644
--- a/dist/samples/advanced-markers-altitude/jsfiddle/demo.html
+++ b/dist/samples/advanced-markers-altitude/jsfiddle/demo.html
@@ -15,6 +15,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-altitude/playground/index.html b/dist/samples/advanced-markers-altitude/playground/index.html
index afdf8a2cca..e8b86a0e23 100644
--- a/dist/samples/advanced-markers-altitude/playground/index.html
+++ b/dist/samples/advanced-markers-altitude/playground/index.html
@@ -18,6 +18,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-altitude/playground/style.css b/dist/samples/advanced-markers-altitude/playground/style.css
index 9c882cb47b..a8d59c808e 100644
--- a/dist/samples/advanced-markers-altitude/playground/style.css
+++ b/dist/samples/advanced-markers-altitude/playground/style.css
@@ -16,7 +16,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-animation/app/index.html b/dist/samples/advanced-markers-animation/app/index.html
index b3a38bc042..12d7f5cf14 100644
--- a/dist/samples/advanced-markers-animation/app/index.html
+++ b/dist/samples/advanced-markers-animation/app/index.html
@@ -19,6 +19,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-animation/app/index.ts b/dist/samples/advanced-markers-animation/app/index.ts
index be1f81c5d3..0588a3c5fe 100644
--- a/dist/samples/advanced-markers-animation/app/index.ts
+++ b/dist/samples/advanced-markers-animation/app/index.ts
@@ -46,9 +46,8 @@
     // Request needed libraries.
     const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
     const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;
-    const { LatLng } = await google.maps.importLibrary("core") as google.maps.CoreLibrary;
 
-    const position = new LatLng(37.4242011827985, -122.09242296450893);
+    const position = {lat: 37.4242011827985, lng: -122.09242296450893};
 
     const map = new Map(document.getElementById("map") as HTMLElement, {
       zoom: 14,
diff --git a/dist/samples/advanced-markers-animation/app/style.css b/dist/samples/advanced-markers-animation/app/style.css
index df68a39569..15dc2bcf6f 100644
--- a/dist/samples/advanced-markers-animation/app/style.css
+++ b/dist/samples/advanced-markers-animation/app/style.css
@@ -87,7 +87,3 @@ body {
   background: rgb(235, 235, 235);
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-animation/docs/index.html b/dist/samples/advanced-markers-animation/docs/index.html
index 9d020f1992..e0dbb6aa69 100644
--- a/dist/samples/advanced-markers-animation/docs/index.html
+++ b/dist/samples/advanced-markers-animation/docs/index.html
@@ -20,7 +20,7 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
 <!-- [END maps_advanced_markers_animation] -->
diff --git a/dist/samples/advanced-markers-animation/docs/index.js b/dist/samples/advanced-markers-animation/docs/index.js
index 5360458fb5..4821dff2f9 100644
--- a/dist/samples/advanced-markers-animation/docs/index.js
+++ b/dist/samples/advanced-markers-animation/docs/index.js
@@ -44,8 +44,7 @@ async function initMap() {
   // Request needed libraries.
   const { Map } = await google.maps.importLibrary("maps");
   const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
-  const { LatLng } = await google.maps.importLibrary("core");
-  const position = new LatLng(37.4242011827985, -122.09242296450893);
+  const position = { lat: 37.4242011827985, lng: -122.09242296450893 };
   const map = new Map(document.getElementById("map"), {
     zoom: 14,
     center: position,
diff --git a/dist/samples/advanced-markers-animation/docs/style.css b/dist/samples/advanced-markers-animation/docs/style.css
index 900d9061c4..5bdd67f271 100644
--- a/dist/samples/advanced-markers-animation/docs/style.css
+++ b/dist/samples/advanced-markers-animation/docs/style.css
@@ -88,8 +88,4 @@ body {
   background: rgb(235, 235, 235);
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
 /* [END maps_advanced_markers_animation] */
\ No newline at end of file
diff --git a/dist/samples/advanced-markers-animation/iframe/index.html b/dist/samples/advanced-markers-animation/iframe/index.html
index c2051ac701..e259f8d1bb 100644
--- a/dist/samples/advanced-markers-animation/iframe/index.html
+++ b/dist/samples/advanced-markers-animation/iframe/index.html
@@ -9,8 +9,8 @@
     <title>Advanced Markers CSS Animation</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-35d677ac.js"></script>
-    <link rel="stylesheet" href="./assets/index-bfc57802.css" />
+    <script type="module" crossorigin src="./assets/index-d4eda366.js"></script>
+    <link rel="stylesheet" href="./assets/index-35cb861b.css" />
   </head>
   <body>
     <div id="mapContainer">
@@ -19,6 +19,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-animation/jsfiddle/demo.css b/dist/samples/advanced-markers-animation/jsfiddle/demo.css
index df68a39569..15dc2bcf6f 100644
--- a/dist/samples/advanced-markers-animation/jsfiddle/demo.css
+++ b/dist/samples/advanced-markers-animation/jsfiddle/demo.css
@@ -87,7 +87,3 @@ body {
   background: rgb(235, 235, 235);
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-animation/jsfiddle/demo.html b/dist/samples/advanced-markers-animation/jsfiddle/demo.html
index 8f7990c708..40018cfb83 100644
--- a/dist/samples/advanced-markers-animation/jsfiddle/demo.html
+++ b/dist/samples/advanced-markers-animation/jsfiddle/demo.html
@@ -17,6 +17,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-animation/jsfiddle/demo.js b/dist/samples/advanced-markers-animation/jsfiddle/demo.js
index 98839a8c59..57e8c3c950 100644
--- a/dist/samples/advanced-markers-animation/jsfiddle/demo.js
+++ b/dist/samples/advanced-markers-animation/jsfiddle/demo.js
@@ -43,8 +43,7 @@ async function initMap() {
   // Request needed libraries.
   const { Map } = await google.maps.importLibrary("maps");
   const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
-  const { LatLng } = await google.maps.importLibrary("core");
-  const position = new LatLng(37.4242011827985, -122.09242296450893);
+  const position = { lat: 37.4242011827985, lng: -122.09242296450893 };
   const map = new Map(document.getElementById("map"), {
     zoom: 14,
     center: position,
diff --git a/dist/samples/advanced-markers-animation/playground/index.html b/dist/samples/advanced-markers-animation/playground/index.html
index 4362c8d70e..3c6ad9477a 100644
--- a/dist/samples/advanced-markers-animation/playground/index.html
+++ b/dist/samples/advanced-markers-animation/playground/index.html
@@ -20,6 +20,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-animation/playground/index.ts b/dist/samples/advanced-markers-animation/playground/index.ts
index d7d295d559..44957e8cb6 100644
--- a/dist/samples/advanced-markers-animation/playground/index.ts
+++ b/dist/samples/advanced-markers-animation/playground/index.ts
@@ -44,11 +44,8 @@ async function initMap(): Promise<void> {
   const { AdvancedMarkerElement } = (await google.maps.importLibrary(
     "marker",
   )) as google.maps.MarkerLibrary;
-  const { LatLng } = (await google.maps.importLibrary(
-    "core",
-  )) as google.maps.CoreLibrary;
 
-  const position = new LatLng(37.4242011827985, -122.09242296450893);
+  const position = { lat: 37.4242011827985, lng: -122.09242296450893 };
 
   const map = new Map(document.getElementById("map") as HTMLElement, {
     zoom: 14,
diff --git a/dist/samples/advanced-markers-animation/playground/style.css b/dist/samples/advanced-markers-animation/playground/style.css
index e1c37392dc..08f5f34f60 100644
--- a/dist/samples/advanced-markers-animation/playground/style.css
+++ b/dist/samples/advanced-markers-animation/playground/style.css
@@ -82,7 +82,3 @@ body {
   background: rgb(235, 235, 235);
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-basic-style/app/index.html b/dist/samples/advanced-markers-basic-style/app/index.html
index e5ed0f705e..ce5daefd5c 100644
--- a/dist/samples/advanced-markers-basic-style/app/index.html
+++ b/dist/samples/advanced-markers-basic-style/app/index.html
@@ -17,6 +17,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-basic-style/app/style.css b/dist/samples/advanced-markers-basic-style/app/style.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/advanced-markers-basic-style/app/style.css
+++ b/dist/samples/advanced-markers-basic-style/app/style.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-basic-style/docs/index.html b/dist/samples/advanced-markers-basic-style/docs/index.html
index 4982407eb4..6e2975b30f 100644
--- a/dist/samples/advanced-markers-basic-style/docs/index.html
+++ b/dist/samples/advanced-markers-basic-style/docs/index.html
@@ -18,7 +18,7 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
 <!-- [END maps_advanced_markers_basic_style] -->
diff --git a/dist/samples/advanced-markers-basic-style/docs/style.css b/dist/samples/advanced-markers-basic-style/docs/style.css
index 29d85baebc..66a5f08a71 100644
--- a/dist/samples/advanced-markers-basic-style/docs/style.css
+++ b/dist/samples/advanced-markers-basic-style/docs/style.css
@@ -22,8 +22,4 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
 /* [END maps_advanced_markers_basic_style] */
\ No newline at end of file
diff --git a/dist/samples/advanced-markers-basic-style/iframe/index.html b/dist/samples/advanced-markers-basic-style/iframe/index.html
index b27ef91913..93a7e1a6b3 100644
--- a/dist/samples/advanced-markers-basic-style/iframe/index.html
+++ b/dist/samples/advanced-markers-basic-style/iframe/index.html
@@ -9,14 +9,14 @@
     <title>Advanced Marker Basic Customization</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-864376c6.js"></script>
-    <link rel="stylesheet" href="./assets/index-ce4e6ab5.css" />
+    <script type="module" crossorigin src="./assets/index-7598294d.js"></script>
+    <link rel="stylesheet" href="./assets/index-5f44f203.css" />
   </head>
   <body>
     <div id="map"></div>
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-basic-style/jsfiddle/demo.css b/dist/samples/advanced-markers-basic-style/jsfiddle/demo.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/advanced-markers-basic-style/jsfiddle/demo.css
+++ b/dist/samples/advanced-markers-basic-style/jsfiddle/demo.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-basic-style/jsfiddle/demo.html b/dist/samples/advanced-markers-basic-style/jsfiddle/demo.html
index 7d63825658..02d6808506 100644
--- a/dist/samples/advanced-markers-basic-style/jsfiddle/demo.html
+++ b/dist/samples/advanced-markers-basic-style/jsfiddle/demo.html
@@ -15,6 +15,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-basic-style/playground/index.html b/dist/samples/advanced-markers-basic-style/playground/index.html
index 78a441677f..dc6f305585 100644
--- a/dist/samples/advanced-markers-basic-style/playground/index.html
+++ b/dist/samples/advanced-markers-basic-style/playground/index.html
@@ -18,6 +18,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-basic-style/playground/style.css b/dist/samples/advanced-markers-basic-style/playground/style.css
index 9c882cb47b..a8d59c808e 100644
--- a/dist/samples/advanced-markers-basic-style/playground/style.css
+++ b/dist/samples/advanced-markers-basic-style/playground/style.css
@@ -16,7 +16,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-collision/app/index.html b/dist/samples/advanced-markers-collision/app/index.html
index 08cbfeddc6..97e15516cb 100644
--- a/dist/samples/advanced-markers-collision/app/index.html
+++ b/dist/samples/advanced-markers-collision/app/index.html
@@ -73,6 +73,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-collision/app/style.css b/dist/samples/advanced-markers-collision/app/style.css
index 9ee22b8381..7e14df6c46 100644
--- a/dist/samples/advanced-markers-collision/app/style.css
+++ b/dist/samples/advanced-markers-collision/app/style.css
@@ -57,7 +57,3 @@ body {
   width: 100%;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-collision/docs/index.html b/dist/samples/advanced-markers-collision/docs/index.html
index 3cd66b385d..2f2f56a39f 100644
--- a/dist/samples/advanced-markers-collision/docs/index.html
+++ b/dist/samples/advanced-markers-collision/docs/index.html
@@ -74,7 +74,7 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
 <!-- [END maps_advanced_markers_collision] -->
diff --git a/dist/samples/advanced-markers-collision/docs/style.css b/dist/samples/advanced-markers-collision/docs/style.css
index 71cf306866..e59fa27b4a 100644
--- a/dist/samples/advanced-markers-collision/docs/style.css
+++ b/dist/samples/advanced-markers-collision/docs/style.css
@@ -58,8 +58,4 @@ body {
   width: 100%;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
 /* [END maps_advanced_markers_collision] */
\ No newline at end of file
diff --git a/dist/samples/advanced-markers-collision/iframe/index.html b/dist/samples/advanced-markers-collision/iframe/index.html
index eeb94584c3..7a54db4114 100644
--- a/dist/samples/advanced-markers-collision/iframe/index.html
+++ b/dist/samples/advanced-markers-collision/iframe/index.html
@@ -18,8 +18,8 @@
       href="https://fonts.googleapis.com/icon?family=Material+Icons"
     />
 
-    <script type="module" crossorigin src="./assets/index-dba381b7.js"></script>
-    <link rel="stylesheet" href="./assets/index-448ab27c.css" />
+    <script type="module" crossorigin src="./assets/index-c81bd315.js"></script>
+    <link rel="stylesheet" href="./assets/index-49d813a2.css" />
   </head>
   <body>
     <div id="container">
@@ -73,6 +73,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-collision/jsfiddle/demo.css b/dist/samples/advanced-markers-collision/jsfiddle/demo.css
index 9ee22b8381..7e14df6c46 100644
--- a/dist/samples/advanced-markers-collision/jsfiddle/demo.css
+++ b/dist/samples/advanced-markers-collision/jsfiddle/demo.css
@@ -57,7 +57,3 @@ body {
   width: 100%;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-collision/jsfiddle/demo.html b/dist/samples/advanced-markers-collision/jsfiddle/demo.html
index 347691a2c2..c563776768 100644
--- a/dist/samples/advanced-markers-collision/jsfiddle/demo.html
+++ b/dist/samples/advanced-markers-collision/jsfiddle/demo.html
@@ -72,6 +72,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-collision/playground/index.html b/dist/samples/advanced-markers-collision/playground/index.html
index ba889b553c..7ab77f80b6 100644
--- a/dist/samples/advanced-markers-collision/playground/index.html
+++ b/dist/samples/advanced-markers-collision/playground/index.html
@@ -75,6 +75,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-collision/playground/style.css b/dist/samples/advanced-markers-collision/playground/style.css
index 6d4b957b9f..7d5826ec14 100644
--- a/dist/samples/advanced-markers-collision/playground/style.css
+++ b/dist/samples/advanced-markers-collision/playground/style.css
@@ -52,7 +52,3 @@ body {
   width: 100%;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-draggable/app/index.html b/dist/samples/advanced-markers-draggable/app/index.html
index 016369f3c2..57b652568f 100644
--- a/dist/samples/advanced-markers-draggable/app/index.html
+++ b/dist/samples/advanced-markers-draggable/app/index.html
@@ -17,6 +17,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-draggable/app/style.css b/dist/samples/advanced-markers-draggable/app/style.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/advanced-markers-draggable/app/style.css
+++ b/dist/samples/advanced-markers-draggable/app/style.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-draggable/docs/index.html b/dist/samples/advanced-markers-draggable/docs/index.html
index 5eec2e87fa..87e14d6e84 100644
--- a/dist/samples/advanced-markers-draggable/docs/index.html
+++ b/dist/samples/advanced-markers-draggable/docs/index.html
@@ -18,7 +18,7 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
 <!-- [END maps_advanced_markers_draggable] -->
diff --git a/dist/samples/advanced-markers-draggable/docs/style.css b/dist/samples/advanced-markers-draggable/docs/style.css
index 9b8b8854ea..316c1899bd 100644
--- a/dist/samples/advanced-markers-draggable/docs/style.css
+++ b/dist/samples/advanced-markers-draggable/docs/style.css
@@ -22,8 +22,4 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
 /* [END maps_advanced_markers_draggable] */
\ No newline at end of file
diff --git a/dist/samples/advanced-markers-draggable/iframe/index.html b/dist/samples/advanced-markers-draggable/iframe/index.html
index 543c41afa0..ecdf1b8270 100644
--- a/dist/samples/advanced-markers-draggable/iframe/index.html
+++ b/dist/samples/advanced-markers-draggable/iframe/index.html
@@ -9,14 +9,14 @@
     <title>Draggable Advanced Marker</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-fb3f2294.js"></script>
-    <link rel="stylesheet" href="./assets/index-ce4e6ab5.css" />
+    <script type="module" crossorigin src="./assets/index-bc2f7f72.js"></script>
+    <link rel="stylesheet" href="./assets/index-5f44f203.css" />
   </head>
   <body>
     <div id="map"></div>
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-draggable/jsfiddle/demo.css b/dist/samples/advanced-markers-draggable/jsfiddle/demo.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/advanced-markers-draggable/jsfiddle/demo.css
+++ b/dist/samples/advanced-markers-draggable/jsfiddle/demo.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-draggable/jsfiddle/demo.html b/dist/samples/advanced-markers-draggable/jsfiddle/demo.html
index f9714a0463..8c9f598fa5 100644
--- a/dist/samples/advanced-markers-draggable/jsfiddle/demo.html
+++ b/dist/samples/advanced-markers-draggable/jsfiddle/demo.html
@@ -15,6 +15,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-draggable/playground/index.html b/dist/samples/advanced-markers-draggable/playground/index.html
index 1c4469f948..28f81db2c4 100644
--- a/dist/samples/advanced-markers-draggable/playground/index.html
+++ b/dist/samples/advanced-markers-draggable/playground/index.html
@@ -18,6 +18,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-draggable/playground/style.css b/dist/samples/advanced-markers-draggable/playground/style.css
index 9c882cb47b..a8d59c808e 100644
--- a/dist/samples/advanced-markers-draggable/playground/style.css
+++ b/dist/samples/advanced-markers-draggable/playground/style.css
@@ -16,7 +16,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-graphics/app/style.css b/dist/samples/advanced-markers-graphics/app/style.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/advanced-markers-graphics/app/style.css
+++ b/dist/samples/advanced-markers-graphics/app/style.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-graphics/docs/style.css b/dist/samples/advanced-markers-graphics/docs/style.css
index 322a9b0a0c..57b8f21d9c 100644
--- a/dist/samples/advanced-markers-graphics/docs/style.css
+++ b/dist/samples/advanced-markers-graphics/docs/style.css
@@ -22,8 +22,4 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
 /* [END maps_advanced_markers_graphics] */
\ No newline at end of file
diff --git a/dist/samples/advanced-markers-graphics/iframe/index.html b/dist/samples/advanced-markers-graphics/iframe/index.html
index b03aebe453..5f3673f2bd 100644
--- a/dist/samples/advanced-markers-graphics/iframe/index.html
+++ b/dist/samples/advanced-markers-graphics/iframe/index.html
@@ -10,8 +10,8 @@
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
     <script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js"></script>
 
-    <script type="module" crossorigin src="./assets/index-03a656c6.js"></script>
-    <link rel="stylesheet" href="./assets/index-ce4e6ab5.css" />
+    <script type="module" crossorigin src="./assets/index-f581ab47.js"></script>
+    <link rel="stylesheet" href="./assets/index-5f44f203.css" />
   </head>
   <body>
     <div id="map"></div>
diff --git a/dist/samples/advanced-markers-graphics/jsfiddle/demo.css b/dist/samples/advanced-markers-graphics/jsfiddle/demo.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/advanced-markers-graphics/jsfiddle/demo.css
+++ b/dist/samples/advanced-markers-graphics/jsfiddle/demo.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-graphics/playground/style.css b/dist/samples/advanced-markers-graphics/playground/style.css
index 9c882cb47b..a8d59c808e 100644
--- a/dist/samples/advanced-markers-graphics/playground/style.css
+++ b/dist/samples/advanced-markers-graphics/playground/style.css
@@ -16,7 +16,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-html-simple/app/index.html b/dist/samples/advanced-markers-html-simple/app/index.html
index f5499fcdbd..59c9898f90 100644
--- a/dist/samples/advanced-markers-html-simple/app/index.html
+++ b/dist/samples/advanced-markers-html-simple/app/index.html
@@ -17,6 +17,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-html-simple/app/style.css b/dist/samples/advanced-markers-html-simple/app/style.css
index a58d664cf9..23034c9ea6 100644
--- a/dist/samples/advanced-markers-html-simple/app/style.css
+++ b/dist/samples/advanced-markers-html-simple/app/style.css
@@ -44,7 +44,3 @@ body {
   border-top: 8px solid #4285F4;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-html-simple/docs/index.html b/dist/samples/advanced-markers-html-simple/docs/index.html
index 75a6ad3c60..c9e17d849c 100644
--- a/dist/samples/advanced-markers-html-simple/docs/index.html
+++ b/dist/samples/advanced-markers-html-simple/docs/index.html
@@ -18,7 +18,7 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
 <!-- [END maps_advanced_markers_html_simple] -->
diff --git a/dist/samples/advanced-markers-html-simple/docs/style.css b/dist/samples/advanced-markers-html-simple/docs/style.css
index 04a0a371ea..46400b77bf 100644
--- a/dist/samples/advanced-markers-html-simple/docs/style.css
+++ b/dist/samples/advanced-markers-html-simple/docs/style.css
@@ -45,8 +45,4 @@ body {
   border-top: 8px solid #4285F4;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
 /* [END maps_advanced_markers_html_simple] */
\ No newline at end of file
diff --git a/dist/samples/advanced-markers-html-simple/iframe/index.html b/dist/samples/advanced-markers-html-simple/iframe/index.html
index d3e427ad34..12d0cef66d 100644
--- a/dist/samples/advanced-markers-html-simple/iframe/index.html
+++ b/dist/samples/advanced-markers-html-simple/iframe/index.html
@@ -9,14 +9,14 @@
     <title>Advanced Marker Simple HTML</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-02424c28.js"></script>
-    <link rel="stylesheet" href="./assets/index-394e2318.css" />
+    <script type="module" crossorigin src="./assets/index-481d26d6.js"></script>
+    <link rel="stylesheet" href="./assets/index-f38b6ca7.css" />
   </head>
   <body>
     <div id="map"></div>
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-html-simple/jsfiddle/demo.css b/dist/samples/advanced-markers-html-simple/jsfiddle/demo.css
index a58d664cf9..23034c9ea6 100644
--- a/dist/samples/advanced-markers-html-simple/jsfiddle/demo.css
+++ b/dist/samples/advanced-markers-html-simple/jsfiddle/demo.css
@@ -44,7 +44,3 @@ body {
   border-top: 8px solid #4285F4;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-html-simple/jsfiddle/demo.html b/dist/samples/advanced-markers-html-simple/jsfiddle/demo.html
index a538b8e1b9..12f49eedce 100644
--- a/dist/samples/advanced-markers-html-simple/jsfiddle/demo.html
+++ b/dist/samples/advanced-markers-html-simple/jsfiddle/demo.html
@@ -15,6 +15,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-html-simple/playground/index.html b/dist/samples/advanced-markers-html-simple/playground/index.html
index 17abafce68..81db6fdbcf 100644
--- a/dist/samples/advanced-markers-html-simple/playground/index.html
+++ b/dist/samples/advanced-markers-html-simple/playground/index.html
@@ -18,6 +18,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-html-simple/playground/style.css b/dist/samples/advanced-markers-html-simple/playground/style.css
index 72f1f03366..062757806e 100644
--- a/dist/samples/advanced-markers-html-simple/playground/style.css
+++ b/dist/samples/advanced-markers-html-simple/playground/style.css
@@ -39,7 +39,3 @@ body {
   border-top: 8px solid #4285F4;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-html/app/index.html b/dist/samples/advanced-markers-html/app/index.html
index ead2b2bf9b..8b6b1cf43e 100644
--- a/dist/samples/advanced-markers-html/app/index.html
+++ b/dist/samples/advanced-markers-html/app/index.html
@@ -18,6 +18,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-html/app/index.ts b/dist/samples/advanced-markers-html/app/index.ts
index 8ddc388ce8..bdde484812 100644
--- a/dist/samples/advanced-markers-html/app/index.ts
+++ b/dist/samples/advanced-markers-html/app/index.ts
@@ -8,9 +8,8 @@ async function initMap() {
   // Request needed libraries.
   const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
   const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;
-  const { LatLng } = await google.maps.importLibrary("core") as google.maps.CoreLibrary;
 
-  const center = new LatLng(37.43238031167444, -122.16795397128632);
+  const center = {lat: 37.43238031167444, lng: -122.16795397128632};
   const map = new Map(document.getElementById("map") as HTMLElement, {
     zoom: 11,
     center,
diff --git a/dist/samples/advanced-markers-html/docs/index.html b/dist/samples/advanced-markers-html/docs/index.html
index e219efd342..cf748c5051 100644
--- a/dist/samples/advanced-markers-html/docs/index.html
+++ b/dist/samples/advanced-markers-html/docs/index.html
@@ -19,7 +19,7 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
 <!-- [END maps_advanced_markers_html] -->
diff --git a/dist/samples/advanced-markers-html/docs/index.js b/dist/samples/advanced-markers-html/docs/index.js
index 1795908b0b..7762cba07f 100644
--- a/dist/samples/advanced-markers-html/docs/index.js
+++ b/dist/samples/advanced-markers-html/docs/index.js
@@ -9,8 +9,7 @@ async function initMap() {
   // Request needed libraries.
   const { Map } = await google.maps.importLibrary("maps");
   const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
-  const { LatLng } = await google.maps.importLibrary("core");
-  const center = new LatLng(37.43238031167444, -122.16795397128632);
+  const center = { lat: 37.43238031167444, lng: -122.16795397128632 };
   const map = new Map(document.getElementById("map"), {
     zoom: 11,
     center,
diff --git a/dist/samples/advanced-markers-html/iframe/index.html b/dist/samples/advanced-markers-html/iframe/index.html
index 6810dbfc06..c66b3d932c 100644
--- a/dist/samples/advanced-markers-html/iframe/index.html
+++ b/dist/samples/advanced-markers-html/iframe/index.html
@@ -10,7 +10,7 @@
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
     <script src="https://use.fontawesome.com/releases/v6.2.0/js/all.js"></script>
 
-    <script type="module" crossorigin src="./assets/index-1f2058d3.js"></script>
+    <script type="module" crossorigin src="./assets/index-71f3b688.js"></script>
     <link rel="stylesheet" href="./assets/index-517d597b.css" />
   </head>
   <body>
@@ -18,6 +18,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-html/jsfiddle/demo.html b/dist/samples/advanced-markers-html/jsfiddle/demo.html
index 9929cdeac3..14b31d991f 100644
--- a/dist/samples/advanced-markers-html/jsfiddle/demo.html
+++ b/dist/samples/advanced-markers-html/jsfiddle/demo.html
@@ -17,6 +17,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-html/jsfiddle/demo.js b/dist/samples/advanced-markers-html/jsfiddle/demo.js
index aaa0eed95e..4140ade1a5 100644
--- a/dist/samples/advanced-markers-html/jsfiddle/demo.js
+++ b/dist/samples/advanced-markers-html/jsfiddle/demo.js
@@ -7,8 +7,7 @@ async function initMap() {
   // Request needed libraries.
   const { Map } = await google.maps.importLibrary("maps");
   const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
-  const { LatLng } = await google.maps.importLibrary("core");
-  const center = new LatLng(37.43238031167444, -122.16795397128632);
+  const center = { lat: 37.43238031167444, lng: -122.16795397128632 };
   const map = new Map(document.getElementById("map"), {
     zoom: 11,
     center,
diff --git a/dist/samples/advanced-markers-html/playground/index.html b/dist/samples/advanced-markers-html/playground/index.html
index a23da17c9a..e103f782ac 100644
--- a/dist/samples/advanced-markers-html/playground/index.html
+++ b/dist/samples/advanced-markers-html/playground/index.html
@@ -20,6 +20,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-html/playground/index.ts b/dist/samples/advanced-markers-html/playground/index.ts
index 1425316cd1..e5e13701dc 100644
--- a/dist/samples/advanced-markers-html/playground/index.ts
+++ b/dist/samples/advanced-markers-html/playground/index.ts
@@ -6,11 +6,8 @@ async function initMap() {
   const { AdvancedMarkerElement } = (await google.maps.importLibrary(
     "marker",
   )) as google.maps.MarkerLibrary;
-  const { LatLng } = (await google.maps.importLibrary(
-    "core",
-  )) as google.maps.CoreLibrary;
 
-  const center = new LatLng(37.43238031167444, -122.16795397128632);
+  const center = { lat: 37.43238031167444, lng: -122.16795397128632 };
   const map = new Map(document.getElementById("map") as HTMLElement, {
     zoom: 11,
     center,
diff --git a/dist/samples/advanced-markers-simple/app/index.html b/dist/samples/advanced-markers-simple/app/index.html
index c327d4e475..43e75a9369 100644
--- a/dist/samples/advanced-markers-simple/app/index.html
+++ b/dist/samples/advanced-markers-simple/app/index.html
@@ -17,6 +17,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-simple/app/style.css b/dist/samples/advanced-markers-simple/app/style.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/advanced-markers-simple/app/style.css
+++ b/dist/samples/advanced-markers-simple/app/style.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-simple/docs/index.html b/dist/samples/advanced-markers-simple/docs/index.html
index 91e7c4c6e4..7825697fcf 100644
--- a/dist/samples/advanced-markers-simple/docs/index.html
+++ b/dist/samples/advanced-markers-simple/docs/index.html
@@ -18,7 +18,7 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
 <!-- [END maps_advanced_markers_simple] -->
diff --git a/dist/samples/advanced-markers-simple/docs/style.css b/dist/samples/advanced-markers-simple/docs/style.css
index d07a3d94ba..0cc9310bbb 100644
--- a/dist/samples/advanced-markers-simple/docs/style.css
+++ b/dist/samples/advanced-markers-simple/docs/style.css
@@ -22,8 +22,4 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
 /* [END maps_advanced_markers_simple] */
\ No newline at end of file
diff --git a/dist/samples/advanced-markers-simple/iframe/index.html b/dist/samples/advanced-markers-simple/iframe/index.html
index b7a9ec02a2..c9c2f67b15 100644
--- a/dist/samples/advanced-markers-simple/iframe/index.html
+++ b/dist/samples/advanced-markers-simple/iframe/index.html
@@ -9,14 +9,14 @@
     <title>Default Advanced Marker</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-aecafb49.js"></script>
-    <link rel="stylesheet" href="./assets/index-ce4e6ab5.css" />
+    <script type="module" crossorigin src="./assets/index-72a22323.js"></script>
+    <link rel="stylesheet" href="./assets/index-5f44f203.css" />
   </head>
   <body>
     <div id="map"></div>
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-simple/jsfiddle/demo.css b/dist/samples/advanced-markers-simple/jsfiddle/demo.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/advanced-markers-simple/jsfiddle/demo.css
+++ b/dist/samples/advanced-markers-simple/jsfiddle/demo.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-simple/jsfiddle/demo.html b/dist/samples/advanced-markers-simple/jsfiddle/demo.html
index 15a77424d4..797c56c607 100644
--- a/dist/samples/advanced-markers-simple/jsfiddle/demo.html
+++ b/dist/samples/advanced-markers-simple/jsfiddle/demo.html
@@ -15,6 +15,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-simple/playground/index.html b/dist/samples/advanced-markers-simple/playground/index.html
index ddd8200c9e..f473002e1f 100644
--- a/dist/samples/advanced-markers-simple/playground/index.html
+++ b/dist/samples/advanced-markers-simple/playground/index.html
@@ -18,6 +18,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-simple/playground/style.css b/dist/samples/advanced-markers-simple/playground/style.css
index 9c882cb47b..a8d59c808e 100644
--- a/dist/samples/advanced-markers-simple/playground/style.css
+++ b/dist/samples/advanced-markers-simple/playground/style.css
@@ -16,7 +16,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-zoom/app/index.html b/dist/samples/advanced-markers-zoom/app/index.html
index 556eae6e5a..c06c21235a 100644
--- a/dist/samples/advanced-markers-zoom/app/index.html
+++ b/dist/samples/advanced-markers-zoom/app/index.html
@@ -17,6 +17,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-zoom/app/style.css b/dist/samples/advanced-markers-zoom/app/style.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/advanced-markers-zoom/app/style.css
+++ b/dist/samples/advanced-markers-zoom/app/style.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-zoom/docs/index.html b/dist/samples/advanced-markers-zoom/docs/index.html
index f317149477..d558080811 100644
--- a/dist/samples/advanced-markers-zoom/docs/index.html
+++ b/dist/samples/advanced-markers-zoom/docs/index.html
@@ -18,7 +18,7 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
 <!-- [END maps_advanced_markers_zoom] -->
diff --git a/dist/samples/advanced-markers-zoom/docs/style.css b/dist/samples/advanced-markers-zoom/docs/style.css
index 4b6de8567c..a748b5a29e 100644
--- a/dist/samples/advanced-markers-zoom/docs/style.css
+++ b/dist/samples/advanced-markers-zoom/docs/style.css
@@ -22,8 +22,4 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
 /* [END maps_advanced_markers_zoom] */
\ No newline at end of file
diff --git a/dist/samples/advanced-markers-zoom/iframe/index.html b/dist/samples/advanced-markers-zoom/iframe/index.html
index 48541a616b..0bde83a1e8 100644
--- a/dist/samples/advanced-markers-zoom/iframe/index.html
+++ b/dist/samples/advanced-markers-zoom/iframe/index.html
@@ -9,14 +9,14 @@
     <title>Advanced Marker Zoom Visibility</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-69177ac2.js"></script>
-    <link rel="stylesheet" href="./assets/index-ce4e6ab5.css" />
+    <script type="module" crossorigin src="./assets/index-79c8945b.js"></script>
+    <link rel="stylesheet" href="./assets/index-5f44f203.css" />
   </head>
   <body>
     <div id="map"></div>
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-zoom/jsfiddle/demo.css b/dist/samples/advanced-markers-zoom/jsfiddle/demo.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/advanced-markers-zoom/jsfiddle/demo.css
+++ b/dist/samples/advanced-markers-zoom/jsfiddle/demo.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/advanced-markers-zoom/jsfiddle/demo.html b/dist/samples/advanced-markers-zoom/jsfiddle/demo.html
index bb1793d3e2..6cfe860744 100644
--- a/dist/samples/advanced-markers-zoom/jsfiddle/demo.html
+++ b/dist/samples/advanced-markers-zoom/jsfiddle/demo.html
@@ -15,6 +15,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-zoom/playground/index.html b/dist/samples/advanced-markers-zoom/playground/index.html
index d8ab2eb2f8..e103503d64 100644
--- a/dist/samples/advanced-markers-zoom/playground/index.html
+++ b/dist/samples/advanced-markers-zoom/playground/index.html
@@ -18,6 +18,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/advanced-markers-zoom/playground/style.css b/dist/samples/advanced-markers-zoom/playground/style.css
index 9c882cb47b..a8d59c808e 100644
--- a/dist/samples/advanced-markers-zoom/playground/style.css
+++ b/dist/samples/advanced-markers-zoom/playground/style.css
@@ -16,7 +16,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/boundaries-choropleth/app/index.html b/dist/samples/boundaries-choropleth/app/index.html
index 2e8477883f..0be1f5c249 100644
--- a/dist/samples/boundaries-choropleth/app/index.html
+++ b/dist/samples/boundaries-choropleth/app/index.html
@@ -17,6 +17,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/boundaries-choropleth/docs/index.html b/dist/samples/boundaries-choropleth/docs/index.html
index 00f39bcea3..925282e397 100644
--- a/dist/samples/boundaries-choropleth/docs/index.html
+++ b/dist/samples/boundaries-choropleth/docs/index.html
@@ -18,7 +18,7 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
 <!-- [END maps_boundaries_choropleth] -->
diff --git a/dist/samples/boundaries-choropleth/iframe/index.html b/dist/samples/boundaries-choropleth/iframe/index.html
index de3db32331..82a678ec77 100644
--- a/dist/samples/boundaries-choropleth/iframe/index.html
+++ b/dist/samples/boundaries-choropleth/iframe/index.html
@@ -17,6 +17,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/boundaries-choropleth/jsfiddle/demo.html b/dist/samples/boundaries-choropleth/jsfiddle/demo.html
index ed56e9fbf5..cc28be6524 100644
--- a/dist/samples/boundaries-choropleth/jsfiddle/demo.html
+++ b/dist/samples/boundaries-choropleth/jsfiddle/demo.html
@@ -15,6 +15,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/boundaries-choropleth/playground/index.html b/dist/samples/boundaries-choropleth/playground/index.html
index 50e94e82d4..d8eb52b468 100644
--- a/dist/samples/boundaries-choropleth/playground/index.html
+++ b/dist/samples/boundaries-choropleth/playground/index.html
@@ -18,6 +18,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/boundaries-click/app/index.html b/dist/samples/boundaries-click/app/index.html
index b8b9cd559f..62cda48b4c 100644
--- a/dist/samples/boundaries-click/app/index.html
+++ b/dist/samples/boundaries-click/app/index.html
@@ -17,6 +17,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/boundaries-click/docs/index.html b/dist/samples/boundaries-click/docs/index.html
index f5ae7f00b1..0e528d56ac 100644
--- a/dist/samples/boundaries-click/docs/index.html
+++ b/dist/samples/boundaries-click/docs/index.html
@@ -18,7 +18,7 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
 <!-- [END maps_boundaries_click_event] -->
diff --git a/dist/samples/boundaries-click/iframe/index.html b/dist/samples/boundaries-click/iframe/index.html
index 60f296c4f3..1017e66331 100644
--- a/dist/samples/boundaries-click/iframe/index.html
+++ b/dist/samples/boundaries-click/iframe/index.html
@@ -17,6 +17,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/boundaries-click/jsfiddle/demo.html b/dist/samples/boundaries-click/jsfiddle/demo.html
index 53c09b6c03..a7582fbdb8 100644
--- a/dist/samples/boundaries-click/jsfiddle/demo.html
+++ b/dist/samples/boundaries-click/jsfiddle/demo.html
@@ -15,6 +15,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/boundaries-click/playground/index.html b/dist/samples/boundaries-click/playground/index.html
index 8c818e712b..dafb0938c8 100644
--- a/dist/samples/boundaries-click/playground/index.html
+++ b/dist/samples/boundaries-click/playground/index.html
@@ -18,6 +18,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/boundaries-simple/app/index.html b/dist/samples/boundaries-simple/app/index.html
index c5366703b7..a4c9c8697d 100644
--- a/dist/samples/boundaries-simple/app/index.html
+++ b/dist/samples/boundaries-simple/app/index.html
@@ -17,6 +17,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/boundaries-simple/docs/index.html b/dist/samples/boundaries-simple/docs/index.html
index 2ab1424948..d97d97875d 100644
--- a/dist/samples/boundaries-simple/docs/index.html
+++ b/dist/samples/boundaries-simple/docs/index.html
@@ -18,7 +18,7 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
 <!-- [END maps_boundaries_simple] -->
diff --git a/dist/samples/boundaries-simple/iframe/index.html b/dist/samples/boundaries-simple/iframe/index.html
index 26012146de..22876ebfb1 100644
--- a/dist/samples/boundaries-simple/iframe/index.html
+++ b/dist/samples/boundaries-simple/iframe/index.html
@@ -17,6 +17,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/boundaries-simple/jsfiddle/demo.html b/dist/samples/boundaries-simple/jsfiddle/demo.html
index ec9021df15..966928cf98 100644
--- a/dist/samples/boundaries-simple/jsfiddle/demo.html
+++ b/dist/samples/boundaries-simple/jsfiddle/demo.html
@@ -15,6 +15,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/boundaries-simple/playground/index.html b/dist/samples/boundaries-simple/playground/index.html
index 221d778c8f..5efbba65ca 100644
--- a/dist/samples/boundaries-simple/playground/index.html
+++ b/dist/samples/boundaries-simple/playground/index.html
@@ -18,6 +18,6 @@
 
     <!-- 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: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "beta"});</script>
+        ({key: "AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg", v: "weekly"});</script>
   </body>
 </html>
diff --git a/dist/samples/boundaries-text-search/app/index.ts b/dist/samples/boundaries-text-search/app/index.ts
index 88e1c1d92d..7c125c123d 100644
--- a/dist/samples/boundaries-text-search/app/index.ts
+++ b/dist/samples/boundaries-text-search/app/index.ts
@@ -10,10 +10,8 @@ let center;
 
 async function initMap() {
     const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
-    const { Place } = await google.maps.importLibrary("places") as google.maps.PlacesLibrary;
-    const { LatLng } = await google.maps.importLibrary("core") as google.maps.CoreLibrary;
 
-    center = new LatLng(41.059, -124.151); // Trinidad, CA
+    center = {lat: 41.059, lng: -124.151}; // Trinidad, CA
 
     map = new Map(document.getElementById('map') as HTMLElement, {
         center: center,
@@ -25,9 +23,9 @@ async function initMap() {
 
     featureLayer = map.getFeatureLayer('LOCALITY');
 
-    findBoundary(Place);
+    findBoundary();
 }
-async function findBoundary(Place) {
+async function findBoundary() {
     const request = {
         query: 'Trinidad, CA',
         fields: ['id', 'location'],
@@ -35,6 +33,7 @@ async function findBoundary(Place) {
         locationBias: center,
     };
 
+    const { Place } = await google.maps.importLibrary("places") as google.maps.PlacesLibrary;
     const { places } = await Place.searchByText(request);
 
     if (places.length) {
@@ -48,13 +47,13 @@ async function findBoundary(Place) {
 
 function styleBoundary(placeid) {
     // Define a style of transparent purple with opaque stroke.
-    const styleFill = /** @type {!google.maps.FeatureStyleOptions} */({
+    const styleFill = {
         strokeColor: '#810FCB',
         strokeOpacity: 1.0,
         strokeWeight: 3.0,
         fillColor: '#810FCB',
         fillOpacity: 0.5
-    });
+    };
 
     // Define the feature style function.
     featureLayer.style = (params) => {
diff --git a/dist/samples/boundaries-text-search/docs/index.js b/dist/samples/boundaries-text-search/docs/index.js
index eb6acf7044..bacb717cfa 100644
--- a/dist/samples/boundaries-text-search/docs/index.js
+++ b/dist/samples/boundaries-text-search/docs/index.js
@@ -10,10 +10,8 @@ let center;
 
 async function initMap() {
   const { Map } = await google.maps.importLibrary("maps");
-  const { Place } = await google.maps.importLibrary("places");
-  const { LatLng } = await google.maps.importLibrary("core");
 
-  center = new LatLng(41.059, -124.151); // Trinidad, CA
+  center = { lat: 41.059, lng: -124.151 }; // Trinidad, CA
   map = new Map(document.getElementById("map"), {
     center: center,
     zoom: 15,
@@ -22,17 +20,18 @@ async function initMap() {
     mapId: "a3efe1c035bad51b", // <YOUR_MAP_ID_HERE>,
   });
   featureLayer = map.getFeatureLayer("LOCALITY");
-  findBoundary(Place);
+  findBoundary();
 }
 
 // [START maps_boundaries_text_search_find_region]
-async function findBoundary(Place) {
+async function findBoundary() {
   const request = {
     query: "Trinidad, CA",
     fields: ["id", "location"],
     includedType: "locality",
     locationBias: center,
   };
+  const { Place } = await google.maps.importLibrary("places");
   const { places } = await Place.searchByText(request);
 
   if (places.length) {
@@ -47,13 +46,13 @@ async function findBoundary(Place) {
 
 function styleBoundary(placeid) {
   // Define a style of transparent purple with opaque stroke.
-  const styleFill = /** @type {!google.maps.FeatureStyleOptions} */ ({
+  const styleFill = {
     strokeColor: "#810FCB",
     strokeOpacity: 1.0,
     strokeWeight: 3.0,
     fillColor: "#810FCB",
     fillOpacity: 0.5,
-  });
+  };
 
   // Define the feature style function.
   featureLayer.style = (params) => {
diff --git a/dist/samples/boundaries-text-search/iframe/index.html b/dist/samples/boundaries-text-search/iframe/index.html
index 42c881ac30..f1876bf850 100644
--- a/dist/samples/boundaries-text-search/iframe/index.html
+++ b/dist/samples/boundaries-text-search/iframe/index.html
@@ -9,7 +9,7 @@
     <title>Boundaries Text Search</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-165b0bc3.js"></script>
+    <script type="module" crossorigin src="./assets/index-6968133d.js"></script>
     <link rel="stylesheet" href="./assets/index-5f44f203.css" />
   </head>
   <body>
diff --git a/dist/samples/boundaries-text-search/jsfiddle/demo.js b/dist/samples/boundaries-text-search/jsfiddle/demo.js
index 587c7dd4c1..666f569801 100644
--- a/dist/samples/boundaries-text-search/jsfiddle/demo.js
+++ b/dist/samples/boundaries-text-search/jsfiddle/demo.js
@@ -9,10 +9,8 @@ let center;
 
 async function initMap() {
   const { Map } = await google.maps.importLibrary("maps");
-  const { Place } = await google.maps.importLibrary("places");
-  const { LatLng } = await google.maps.importLibrary("core");
 
-  center = new LatLng(41.059, -124.151); // Trinidad, CA
+  center = { lat: 41.059, lng: -124.151 }; // Trinidad, CA
   map = new Map(document.getElementById("map"), {
     center: center,
     zoom: 15,
@@ -21,16 +19,17 @@ async function initMap() {
     mapId: "a3efe1c035bad51b", // <YOUR_MAP_ID_HERE>,
   });
   featureLayer = map.getFeatureLayer("LOCALITY");
-  findBoundary(Place);
+  findBoundary();
 }
 
-async function findBoundary(Place) {
+async function findBoundary() {
   const request = {
     query: "Trinidad, CA",
     fields: ["id", "location"],
     includedType: "locality",
     locationBias: center,
   };
+  const { Place } = await google.maps.importLibrary("places");
   const { places } = await Place.searchByText(request);
 
   if (places.length) {
@@ -45,13 +44,13 @@ async function findBoundary(Place) {
 
 function styleBoundary(placeid) {
   // Define a style of transparent purple with opaque stroke.
-  const styleFill = /** @type {!google.maps.FeatureStyleOptions} */ ({
+  const styleFill = {
     strokeColor: "#810FCB",
     strokeOpacity: 1.0,
     strokeWeight: 3.0,
     fillColor: "#810FCB",
     fillOpacity: 0.5,
-  });
+  };
 
   // Define the feature style function.
   featureLayer.style = (params) => {
diff --git a/dist/samples/boundaries-text-search/playground/index.ts b/dist/samples/boundaries-text-search/playground/index.ts
index a1e6fbdbd9..759871d35a 100644
--- a/dist/samples/boundaries-text-search/playground/index.ts
+++ b/dist/samples/boundaries-text-search/playground/index.ts
@@ -6,14 +6,8 @@ async function initMap() {
   const { Map } = (await google.maps.importLibrary(
     "maps",
   )) as google.maps.MapsLibrary;
-  const { Place } = (await google.maps.importLibrary(
-    "places",
-  )) as google.maps.PlacesLibrary;
-  const { LatLng } = (await google.maps.importLibrary(
-    "core",
-  )) as google.maps.CoreLibrary;
 
-  center = new LatLng(41.059, -124.151); // Trinidad, CA
+  center = { lat: 41.059, lng: -124.151 }; // Trinidad, CA
 
   map = new Map(document.getElementById("map") as HTMLElement, {
     center: center,
@@ -25,9 +19,9 @@ async function initMap() {
 
   featureLayer = map.getFeatureLayer("LOCALITY");
 
-  findBoundary(Place);
+  findBoundary();
 }
-async function findBoundary(Place) {
+async function findBoundary() {
   const request = {
     query: "Trinidad, CA",
     fields: ["id", "location"],
@@ -35,6 +29,9 @@ async function findBoundary(Place) {
     locationBias: center,
   };
 
+  const { Place } = (await google.maps.importLibrary(
+    "places",
+  )) as google.maps.PlacesLibrary;
   const { places } = await Place.searchByText(request);
 
   if (places.length) {
@@ -48,7 +45,7 @@ async function findBoundary(Place) {
 
 function styleBoundary(placeid) {
   // Define a style of transparent purple with opaque stroke.
-  const styleFill = /** @type {!google.maps.FeatureStyleOptions} */ {
+  const styleFill = {
     strokeColor: "#810FCB",
     strokeOpacity: 1.0,
     strokeWeight: 3.0,
diff --git a/dist/samples/dds-datasets-point/app/index.ts b/dist/samples/dds-datasets-point/app/index.ts
index bdbd372b2e..ea76293b97 100644
--- a/dist/samples/dds-datasets-point/app/index.ts
+++ b/dist/samples/dds-datasets-point/app/index.ts
@@ -46,9 +46,8 @@ function setStyle(/* FeatureStyleFunctionOptions */ params) {
 async function initMap() {
     // Request needed libraries.
     const { Map } = await google.maps.importLibrary('maps') as google.maps.MapsLibrary;
-    const { LatLng } = await google.maps.importLibrary('core') as google.maps.CoreLibrary;
 
-    const position = new LatLng(40.780101, -73.967780);
+    const position = {lat: 40.780101, lng: -73.967780};
     const map = new Map(document.getElementById('map') as HTMLElement, {
         zoom: 17,
         center: position,
diff --git a/dist/samples/dds-datasets-point/app/style.css b/dist/samples/dds-datasets-point/app/style.css
index 50edb6d3e6..1512b80d32 100644
--- a/dist/samples/dds-datasets-point/app/style.css
+++ b/dist/samples/dds-datasets-point/app/style.css
@@ -78,7 +78,3 @@ body {
   padding: 0.5em;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/dds-datasets-point/docs/index.js b/dist/samples/dds-datasets-point/docs/index.js
index f6f808827e..38bb363231 100644
--- a/dist/samples/dds-datasets-point/docs/index.js
+++ b/dist/samples/dds-datasets-point/docs/index.js
@@ -72,8 +72,7 @@ function setStyle(/* FeatureStyleFunctionOptions */ params) {
 async function initMap() {
   // Request needed libraries.
   const { Map } = await google.maps.importLibrary("maps");
-  const { LatLng } = await google.maps.importLibrary("core");
-  const position = new LatLng(40.780101, -73.96778);
+  const position = { lat: 40.780101, lng: -73.96778 };
   const map = new Map(document.getElementById("map"), {
     zoom: 17,
     center: position,
diff --git a/dist/samples/dds-datasets-point/docs/style.css b/dist/samples/dds-datasets-point/docs/style.css
index e189ac84af..1a5e2bd9ce 100644
--- a/dist/samples/dds-datasets-point/docs/style.css
+++ b/dist/samples/dds-datasets-point/docs/style.css
@@ -79,8 +79,4 @@ body {
   padding: 0.5em;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
 /* [END maps_dds_datasets_point] */
\ No newline at end of file
diff --git a/dist/samples/dds-datasets-point/iframe/index.html b/dist/samples/dds-datasets-point/iframe/index.html
index 6a9f599e7b..ad794dce1e 100644
--- a/dist/samples/dds-datasets-point/iframe/index.html
+++ b/dist/samples/dds-datasets-point/iframe/index.html
@@ -9,8 +9,8 @@
     <title>Style a point data feature</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-b5da9d84.js"></script>
-    <link rel="stylesheet" href="./assets/index-67077885.css" />
+    <script type="module" crossorigin src="./assets/index-88bf73ad.js"></script>
+    <link rel="stylesheet" href="./assets/index-e14addba.css" />
   </head>
   <body>
     <div id="map"></div>
diff --git a/dist/samples/dds-datasets-point/jsfiddle/demo.css b/dist/samples/dds-datasets-point/jsfiddle/demo.css
index 50edb6d3e6..1512b80d32 100644
--- a/dist/samples/dds-datasets-point/jsfiddle/demo.css
+++ b/dist/samples/dds-datasets-point/jsfiddle/demo.css
@@ -78,7 +78,3 @@ body {
   padding: 0.5em;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/dds-datasets-point/jsfiddle/demo.js b/dist/samples/dds-datasets-point/jsfiddle/demo.js
index 3064a19d3a..7beaaaf5a7 100644
--- a/dist/samples/dds-datasets-point/jsfiddle/demo.js
+++ b/dist/samples/dds-datasets-point/jsfiddle/demo.js
@@ -67,8 +67,7 @@ function setStyle(/* FeatureStyleFunctionOptions */ params) {
 async function initMap() {
   // Request needed libraries.
   const { Map } = await google.maps.importLibrary("maps");
-  const { LatLng } = await google.maps.importLibrary("core");
-  const position = new LatLng(40.780101, -73.96778);
+  const position = { lat: 40.780101, lng: -73.96778 };
   const map = new Map(document.getElementById("map"), {
     zoom: 17,
     center: position,
diff --git a/dist/samples/dds-datasets-point/playground/index.ts b/dist/samples/dds-datasets-point/playground/index.ts
index 3b7b4bac70..04aeca72c7 100644
--- a/dist/samples/dds-datasets-point/playground/index.ts
+++ b/dist/samples/dds-datasets-point/playground/index.ts
@@ -63,11 +63,8 @@ async function initMap() {
   const { Map } = (await google.maps.importLibrary(
     "maps",
   )) as google.maps.MapsLibrary;
-  const { LatLng } = (await google.maps.importLibrary(
-    "core",
-  )) as google.maps.CoreLibrary;
 
-  const position = new LatLng(40.780101, -73.96778);
+  const position = { lat: 40.780101, lng: -73.96778 };
   const map = new Map(document.getElementById("map") as HTMLElement, {
     zoom: 17,
     center: position,
diff --git a/dist/samples/dds-datasets-point/playground/style.css b/dist/samples/dds-datasets-point/playground/style.css
index 62e0a53f3a..1438025880 100644
--- a/dist/samples/dds-datasets-point/playground/style.css
+++ b/dist/samples/dds-datasets-point/playground/style.css
@@ -73,7 +73,3 @@ body {
   padding: 0.5em;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/dds-datasets-polygon-click/app/index.ts b/dist/samples/dds-datasets-polygon-click/app/index.ts
index 66b30197d5..f9bbdd87de 100644
--- a/dist/samples/dds-datasets-polygon-click/app/index.ts
+++ b/dist/samples/dds-datasets-polygon-click/app/index.ts
@@ -30,8 +30,8 @@ function handleMouseMove(/* MouseEvent */ e) {
 async function initMap() {
   // Request needed libraries.
   const { Map } = await google.maps.importLibrary('maps') as google.maps.MapsLibrary;
-  const { LatLng } = await google.maps.importLibrary('core') as google.maps.CoreLibrary;
-  const position = new LatLng(40.796675, -73.946275);
+
+  const position = {lat: 40.780101, lng: -73.967780};
   map = new Map(document.getElementById('map') as HTMLElement, {
     zoom: 13,
     center: position,
diff --git a/dist/samples/dds-datasets-polygon-click/app/style.css b/dist/samples/dds-datasets-polygon-click/app/style.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/dds-datasets-polygon-click/app/style.css
+++ b/dist/samples/dds-datasets-polygon-click/app/style.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/dds-datasets-polygon-click/docs/index.js b/dist/samples/dds-datasets-polygon-click/docs/index.js
index e6b9197e9e..1efc1fe496 100644
--- a/dist/samples/dds-datasets-polygon-click/docs/index.js
+++ b/dist/samples/dds-datasets-polygon-click/docs/index.js
@@ -37,8 +37,7 @@ function handleMouseMove(/* MouseEvent */ e) {
 async function initMap() {
   // Request needed libraries.
   const { Map } = await google.maps.importLibrary("maps");
-  const { LatLng } = await google.maps.importLibrary("core");
-  const position = new LatLng(40.796675, -73.946275);
+  const position = { lat: 40.780101, lng: -73.96778 };
 
   map = new Map(document.getElementById("map"), {
     zoom: 13,
diff --git a/dist/samples/dds-datasets-polygon-click/docs/style.css b/dist/samples/dds-datasets-polygon-click/docs/style.css
index 02015030a2..5204809a35 100644
--- a/dist/samples/dds-datasets-polygon-click/docs/style.css
+++ b/dist/samples/dds-datasets-polygon-click/docs/style.css
@@ -22,8 +22,4 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
 /* [END maps_dds_datasets_polygon_click] */
\ No newline at end of file
diff --git a/dist/samples/dds-datasets-polygon-click/iframe/index.html b/dist/samples/dds-datasets-polygon-click/iframe/index.html
index 8cc1e623a0..3a098ed9c2 100644
--- a/dist/samples/dds-datasets-polygon-click/iframe/index.html
+++ b/dist/samples/dds-datasets-polygon-click/iframe/index.html
@@ -9,8 +9,8 @@
     <title>Style a polygon data feature</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-5f8889a4.js"></script>
-    <link rel="stylesheet" href="./assets/index-ce4e6ab5.css" />
+    <script type="module" crossorigin src="./assets/index-c54b135a.js"></script>
+    <link rel="stylesheet" href="./assets/index-5f44f203.css" />
   </head>
   <body>
     <div id="map"></div>
diff --git a/dist/samples/dds-datasets-polygon-click/jsfiddle/demo.css b/dist/samples/dds-datasets-polygon-click/jsfiddle/demo.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/dds-datasets-polygon-click/jsfiddle/demo.css
+++ b/dist/samples/dds-datasets-polygon-click/jsfiddle/demo.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/dds-datasets-polygon-click/jsfiddle/demo.js b/dist/samples/dds-datasets-polygon-click/jsfiddle/demo.js
index 021a45b7e5..f321fad1fb 100644
--- a/dist/samples/dds-datasets-polygon-click/jsfiddle/demo.js
+++ b/dist/samples/dds-datasets-polygon-click/jsfiddle/demo.js
@@ -34,8 +34,7 @@ function handleMouseMove(/* MouseEvent */ e) {
 async function initMap() {
   // Request needed libraries.
   const { Map } = await google.maps.importLibrary("maps");
-  const { LatLng } = await google.maps.importLibrary("core");
-  const position = new LatLng(40.796675, -73.946275);
+  const position = { lat: 40.780101, lng: -73.96778 };
 
   map = new Map(document.getElementById("map"), {
     zoom: 13,
diff --git a/dist/samples/dds-datasets-polygon-click/playground/index.ts b/dist/samples/dds-datasets-polygon-click/playground/index.ts
index 3c795daac2..cc95c6443a 100644
--- a/dist/samples/dds-datasets-polygon-click/playground/index.ts
+++ b/dist/samples/dds-datasets-polygon-click/playground/index.ts
@@ -29,10 +29,8 @@ async function initMap() {
   const { Map } = (await google.maps.importLibrary(
     "maps",
   )) as google.maps.MapsLibrary;
-  const { LatLng } = (await google.maps.importLibrary(
-    "core",
-  )) as google.maps.CoreLibrary;
-  const position = new LatLng(40.796675, -73.946275);
+
+  const position = { lat: 40.780101, lng: -73.96778 };
   map = new Map(document.getElementById("map") as HTMLElement, {
     zoom: 13,
     center: position,
diff --git a/dist/samples/dds-datasets-polygon-click/playground/style.css b/dist/samples/dds-datasets-polygon-click/playground/style.css
index 9c882cb47b..a8d59c808e 100644
--- a/dist/samples/dds-datasets-polygon-click/playground/style.css
+++ b/dist/samples/dds-datasets-polygon-click/playground/style.css
@@ -16,7 +16,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/dds-datasets-polygon-colors/app/index.ts b/dist/samples/dds-datasets-polygon-colors/app/index.ts
index d33fa7847e..89936ba7af 100644
--- a/dist/samples/dds-datasets-polygon-colors/app/index.ts
+++ b/dist/samples/dds-datasets-polygon-colors/app/index.ts
@@ -44,9 +44,8 @@ function setStyle(/* FeatureStyleFunctionOptions */ params) {
 async function initMap() {
     // Request needed libraries.
     const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
-    const { LatLng } = await google.maps.importLibrary("core") as google.maps.CoreLibrary;
 
-    const position = new LatLng(40.580732, -74.152826);
+    const position = {lat: 40.580732, lng: -74.152826};
     const map = new Map(document.getElementById('map') as HTMLElement, {
         zoom: 14,
         center: position,
diff --git a/dist/samples/dds-datasets-polygon-colors/app/style.css b/dist/samples/dds-datasets-polygon-colors/app/style.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/dds-datasets-polygon-colors/app/style.css
+++ b/dist/samples/dds-datasets-polygon-colors/app/style.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/dds-datasets-polygon-colors/docs/index.js b/dist/samples/dds-datasets-polygon-colors/docs/index.js
index 54ad7e2dff..7f2d2e996f 100644
--- a/dist/samples/dds-datasets-polygon-colors/docs/index.js
+++ b/dist/samples/dds-datasets-polygon-colors/docs/index.js
@@ -47,8 +47,7 @@ function setStyle(/* FeatureStyleFunctionOptions */ params) {
 async function initMap() {
   // Request needed libraries.
   const { Map } = await google.maps.importLibrary("maps");
-  const { LatLng } = await google.maps.importLibrary("core");
-  const position = new LatLng(40.580732, -74.152826);
+  const position = { lat: 40.580732, lng: -74.152826 };
   const map = new Map(document.getElementById("map"), {
     zoom: 14,
     center: position,
diff --git a/dist/samples/dds-datasets-polygon-colors/docs/style.css b/dist/samples/dds-datasets-polygon-colors/docs/style.css
index 406330db9f..d6117de9c8 100644
--- a/dist/samples/dds-datasets-polygon-colors/docs/style.css
+++ b/dist/samples/dds-datasets-polygon-colors/docs/style.css
@@ -22,8 +22,4 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
 /* [END maps_dds_datasets_polygon_colors] */
\ No newline at end of file
diff --git a/dist/samples/dds-datasets-polygon-colors/iframe/index.html b/dist/samples/dds-datasets-polygon-colors/iframe/index.html
index 70c51e5f1b..99de9239aa 100644
--- a/dist/samples/dds-datasets-polygon-colors/iframe/index.html
+++ b/dist/samples/dds-datasets-polygon-colors/iframe/index.html
@@ -9,8 +9,8 @@
     <title>Style a polygon data feature with more detail</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-42529f0b.js"></script>
-    <link rel="stylesheet" href="./assets/index-ce4e6ab5.css" />
+    <script type="module" crossorigin src="./assets/index-5a4c8945.js"></script>
+    <link rel="stylesheet" href="./assets/index-5f44f203.css" />
   </head>
   <body>
     <div id="map"></div>
diff --git a/dist/samples/dds-datasets-polygon-colors/jsfiddle/demo.css b/dist/samples/dds-datasets-polygon-colors/jsfiddle/demo.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/dds-datasets-polygon-colors/jsfiddle/demo.css
+++ b/dist/samples/dds-datasets-polygon-colors/jsfiddle/demo.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/dds-datasets-polygon-colors/jsfiddle/demo.js b/dist/samples/dds-datasets-polygon-colors/jsfiddle/demo.js
index 7b0cb65ac6..1f99d46ae4 100644
--- a/dist/samples/dds-datasets-polygon-colors/jsfiddle/demo.js
+++ b/dist/samples/dds-datasets-polygon-colors/jsfiddle/demo.js
@@ -44,8 +44,7 @@ function setStyle(/* FeatureStyleFunctionOptions */ params) {
 async function initMap() {
   // Request needed libraries.
   const { Map } = await google.maps.importLibrary("maps");
-  const { LatLng } = await google.maps.importLibrary("core");
-  const position = new LatLng(40.580732, -74.152826);
+  const position = { lat: 40.580732, lng: -74.152826 };
   const map = new Map(document.getElementById("map"), {
     zoom: 14,
     center: position,
diff --git a/dist/samples/dds-datasets-polygon-colors/playground/index.ts b/dist/samples/dds-datasets-polygon-colors/playground/index.ts
index 489d72dc9f..852687e347 100644
--- a/dist/samples/dds-datasets-polygon-colors/playground/index.ts
+++ b/dist/samples/dds-datasets-polygon-colors/playground/index.ts
@@ -40,11 +40,8 @@ async function initMap() {
   const { Map } = (await google.maps.importLibrary(
     "maps",
   )) as google.maps.MapsLibrary;
-  const { LatLng } = (await google.maps.importLibrary(
-    "core",
-  )) as google.maps.CoreLibrary;
 
-  const position = new LatLng(40.580732, -74.152826);
+  const position = { lat: 40.580732, lng: -74.152826 };
   const map = new Map(document.getElementById("map") as HTMLElement, {
     zoom: 14,
     center: position,
diff --git a/dist/samples/dds-datasets-polygon-colors/playground/style.css b/dist/samples/dds-datasets-polygon-colors/playground/style.css
index 9c882cb47b..a8d59c808e 100644
--- a/dist/samples/dds-datasets-polygon-colors/playground/style.css
+++ b/dist/samples/dds-datasets-polygon-colors/playground/style.css
@@ -16,7 +16,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/dds-datasets-polygon/app/style.css b/dist/samples/dds-datasets-polygon/app/style.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/dds-datasets-polygon/app/style.css
+++ b/dist/samples/dds-datasets-polygon/app/style.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/dds-datasets-polygon/docs/style.css b/dist/samples/dds-datasets-polygon/docs/style.css
index 11966f853c..a0d58faa68 100644
--- a/dist/samples/dds-datasets-polygon/docs/style.css
+++ b/dist/samples/dds-datasets-polygon/docs/style.css
@@ -22,8 +22,4 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
 /* [END maps_dds_datasets_polygon] */
\ No newline at end of file
diff --git a/dist/samples/dds-datasets-polygon/iframe/index.html b/dist/samples/dds-datasets-polygon/iframe/index.html
index 7a8dd2fc84..7883271102 100644
--- a/dist/samples/dds-datasets-polygon/iframe/index.html
+++ b/dist/samples/dds-datasets-polygon/iframe/index.html
@@ -9,8 +9,8 @@
     <title>Style a polygon data feature</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-9bb5778f.js"></script>
-    <link rel="stylesheet" href="./assets/index-ce4e6ab5.css" />
+    <script type="module" crossorigin src="./assets/index-6a224112.js"></script>
+    <link rel="stylesheet" href="./assets/index-5f44f203.css" />
   </head>
   <body>
     <div id="map"></div>
diff --git a/dist/samples/dds-datasets-polygon/jsfiddle/demo.css b/dist/samples/dds-datasets-polygon/jsfiddle/demo.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/dds-datasets-polygon/jsfiddle/demo.css
+++ b/dist/samples/dds-datasets-polygon/jsfiddle/demo.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/dds-datasets-polygon/playground/style.css b/dist/samples/dds-datasets-polygon/playground/style.css
index 9c882cb47b..a8d59c808e 100644
--- a/dist/samples/dds-datasets-polygon/playground/style.css
+++ b/dist/samples/dds-datasets-polygon/playground/style.css
@@ -16,7 +16,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/dds-datasets-polyline/app/index.ts b/dist/samples/dds-datasets-polyline/app/index.ts
index af2ec49209..9ab7e546e2 100644
--- a/dist/samples/dds-datasets-polyline/app/index.ts
+++ b/dist/samples/dds-datasets-polyline/app/index.ts
@@ -8,9 +8,8 @@ let map;
 async function initMap() {
     // Request needed libraries.
     const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
-    const { LatLng } = await google.maps.importLibrary("core") as google.maps.CoreLibrary;
 
-    const position = new LatLng(47.59, -122.31);
+    const position = {lat: 47.59, lng: -122.31};
     const map = new Map(document.getElementById('map') as HTMLElement, {
         zoom: 14,
         center: position,
diff --git a/dist/samples/dds-datasets-polyline/app/style.css b/dist/samples/dds-datasets-polyline/app/style.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/dds-datasets-polyline/app/style.css
+++ b/dist/samples/dds-datasets-polyline/app/style.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/dds-datasets-polyline/docs/index.js b/dist/samples/dds-datasets-polyline/docs/index.js
index b5df0b3d24..e9317183ae 100644
--- a/dist/samples/dds-datasets-polyline/docs/index.js
+++ b/dist/samples/dds-datasets-polyline/docs/index.js
@@ -9,8 +9,7 @@ let map;
 async function initMap() {
   // Request needed libraries.
   const { Map } = await google.maps.importLibrary("maps");
-  const { LatLng } = await google.maps.importLibrary("core");
-  const position = new LatLng(47.59, -122.31);
+  const position = { lat: 47.59, lng: -122.31 };
   const map = new Map(document.getElementById("map"), {
     zoom: 14,
     center: position,
diff --git a/dist/samples/dds-datasets-polyline/docs/style.css b/dist/samples/dds-datasets-polyline/docs/style.css
index 31b8b1580f..693ea52cf6 100644
--- a/dist/samples/dds-datasets-polyline/docs/style.css
+++ b/dist/samples/dds-datasets-polyline/docs/style.css
@@ -22,8 +22,4 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
 /* [END maps_dds_datasets_polyline] */
\ No newline at end of file
diff --git a/dist/samples/dds-datasets-polyline/iframe/index.html b/dist/samples/dds-datasets-polyline/iframe/index.html
index 639babb734..30709ec1f1 100644
--- a/dist/samples/dds-datasets-polyline/iframe/index.html
+++ b/dist/samples/dds-datasets-polyline/iframe/index.html
@@ -9,8 +9,8 @@
     <title>Style a polyline data feature</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-1a88bd68.js"></script>
-    <link rel="stylesheet" href="./assets/index-ce4e6ab5.css" />
+    <script type="module" crossorigin src="./assets/index-4cff0bfd.js"></script>
+    <link rel="stylesheet" href="./assets/index-5f44f203.css" />
   </head>
   <body>
     <div id="map"></div>
diff --git a/dist/samples/dds-datasets-polyline/jsfiddle/demo.css b/dist/samples/dds-datasets-polyline/jsfiddle/demo.css
index c3e55f2d45..c97e14e569 100644
--- a/dist/samples/dds-datasets-polyline/jsfiddle/demo.css
+++ b/dist/samples/dds-datasets-polyline/jsfiddle/demo.css
@@ -21,7 +21,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/dds-datasets-polyline/jsfiddle/demo.js b/dist/samples/dds-datasets-polyline/jsfiddle/demo.js
index 784fc4eeb4..7ddd55c9a1 100644
--- a/dist/samples/dds-datasets-polyline/jsfiddle/demo.js
+++ b/dist/samples/dds-datasets-polyline/jsfiddle/demo.js
@@ -8,8 +8,7 @@ let map;
 async function initMap() {
   // Request needed libraries.
   const { Map } = await google.maps.importLibrary("maps");
-  const { LatLng } = await google.maps.importLibrary("core");
-  const position = new LatLng(47.59, -122.31);
+  const position = { lat: 47.59, lng: -122.31 };
   const map = new Map(document.getElementById("map"), {
     zoom: 14,
     center: position,
diff --git a/dist/samples/dds-datasets-polyline/playground/index.ts b/dist/samples/dds-datasets-polyline/playground/index.ts
index bf8bd561c6..20bb002a16 100644
--- a/dist/samples/dds-datasets-polyline/playground/index.ts
+++ b/dist/samples/dds-datasets-polyline/playground/index.ts
@@ -4,11 +4,8 @@ async function initMap() {
   const { Map } = (await google.maps.importLibrary(
     "maps",
   )) as google.maps.MapsLibrary;
-  const { LatLng } = (await google.maps.importLibrary(
-    "core",
-  )) as google.maps.CoreLibrary;
 
-  const position = new LatLng(47.59, -122.31);
+  const position = { lat: 47.59, lng: -122.31 };
   const map = new Map(document.getElementById("map") as HTMLElement, {
     zoom: 14,
     center: position,
diff --git a/dist/samples/dds-datasets-polyline/playground/style.css b/dist/samples/dds-datasets-polyline/playground/style.css
index 9c882cb47b..a8d59c808e 100644
--- a/dist/samples/dds-datasets-polyline/playground/style.css
+++ b/dist/samples/dds-datasets-polyline/playground/style.css
@@ -16,7 +16,3 @@ body {
   padding: 0;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/deckgl-arclayer/app/index.html b/dist/samples/deckgl-arclayer/app/index.html
index 3ba1d388a4..3628070824 100644
--- a/dist/samples/deckgl-arclayer/app/index.html
+++ b/dist/samples/deckgl-arclayer/app/index.html
@@ -25,7 +25,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/deckgl-arclayer/docs/index.html b/dist/samples/deckgl-arclayer/docs/index.html
index 9a8788df36..55f66ee74c 100644
--- a/dist/samples/deckgl-arclayer/docs/index.html
+++ b/dist/samples/deckgl-arclayer/docs/index.html
@@ -26,7 +26,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/deckgl-arclayer/iframe/index.html b/dist/samples/deckgl-arclayer/iframe/index.html
index a9ecdc61fa..6c447105c0 100644
--- a/dist/samples/deckgl-arclayer/iframe/index.html
+++ b/dist/samples/deckgl-arclayer/iframe/index.html
@@ -25,7 +25,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/deckgl-arclayer/jsfiddle/demo.html b/dist/samples/deckgl-arclayer/jsfiddle/demo.html
index d5191978c7..25da71ca46 100644
--- a/dist/samples/deckgl-arclayer/jsfiddle/demo.html
+++ b/dist/samples/deckgl-arclayer/jsfiddle/demo.html
@@ -24,7 +24,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/deckgl-arclayer/playground/index.html b/dist/samples/deckgl-arclayer/playground/index.html
index e7d2dde127..92dd8b585b 100644
--- a/dist/samples/deckgl-arclayer/playground/index.html
+++ b/dist/samples/deckgl-arclayer/playground/index.html
@@ -27,7 +27,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/deckgl-tripslayer/app/index.html b/dist/samples/deckgl-tripslayer/app/index.html
index c291671e2d..7b72227684 100644
--- a/dist/samples/deckgl-tripslayer/app/index.html
+++ b/dist/samples/deckgl-tripslayer/app/index.html
@@ -25,7 +25,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/deckgl-tripslayer/docs/index.html b/dist/samples/deckgl-tripslayer/docs/index.html
index a353c0c858..ab038554bc 100644
--- a/dist/samples/deckgl-tripslayer/docs/index.html
+++ b/dist/samples/deckgl-tripslayer/docs/index.html
@@ -26,7 +26,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/deckgl-tripslayer/iframe/index.html b/dist/samples/deckgl-tripslayer/iframe/index.html
index 15da759ba1..20009d23d9 100644
--- a/dist/samples/deckgl-tripslayer/iframe/index.html
+++ b/dist/samples/deckgl-tripslayer/iframe/index.html
@@ -25,7 +25,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/deckgl-tripslayer/jsfiddle/demo.html b/dist/samples/deckgl-tripslayer/jsfiddle/demo.html
index 112750d6f8..a003a91cbf 100644
--- a/dist/samples/deckgl-tripslayer/jsfiddle/demo.html
+++ b/dist/samples/deckgl-tripslayer/jsfiddle/demo.html
@@ -24,7 +24,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/deckgl-tripslayer/playground/index.html b/dist/samples/deckgl-tripslayer/playground/index.html
index cf104746de..236c2f1f7b 100644
--- a/dist/samples/deckgl-tripslayer/playground/index.html
+++ b/dist/samples/deckgl-tripslayer/playground/index.html
@@ -27,7 +27,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/map-puzzle/iframe/index.html b/dist/samples/map-puzzle/iframe/index.html
index f85967bace..4445d448a3 100644
--- a/dist/samples/map-puzzle/iframe/index.html
+++ b/dist/samples/map-puzzle/iframe/index.html
@@ -9,7 +9,7 @@
     <title>Map Puzzle</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-4598cd96.js"></script>
+    <script type="module" crossorigin src="./assets/index-a341bc9d.js"></script>
     <link rel="stylesheet" href="./assets/index-5f44f203.css" />
   </head>
   <body>
diff --git a/dist/samples/move-camera-ease/app/index.html b/dist/samples/move-camera-ease/app/index.html
index ad02ad5142..a10d047117 100644
--- a/dist/samples/move-camera-ease/app/index.html
+++ b/dist/samples/move-camera-ease/app/index.html
@@ -23,7 +23,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/move-camera-ease/docs/index.html b/dist/samples/move-camera-ease/docs/index.html
index 059174eca8..7812bb5f66 100644
--- a/dist/samples/move-camera-ease/docs/index.html
+++ b/dist/samples/move-camera-ease/docs/index.html
@@ -24,7 +24,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/move-camera-ease/iframe/index.html b/dist/samples/move-camera-ease/iframe/index.html
index 06191c9ea1..dbf0a68e80 100644
--- a/dist/samples/move-camera-ease/iframe/index.html
+++ b/dist/samples/move-camera-ease/iframe/index.html
@@ -23,7 +23,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/move-camera-ease/jsfiddle/demo.html b/dist/samples/move-camera-ease/jsfiddle/demo.html
index def2d3e3b7..7032070d5f 100644
--- a/dist/samples/move-camera-ease/jsfiddle/demo.html
+++ b/dist/samples/move-camera-ease/jsfiddle/demo.html
@@ -22,7 +22,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/move-camera-ease/playground/index.html b/dist/samples/move-camera-ease/playground/index.html
index cf0fb0f2a9..1dc3d3da7a 100644
--- a/dist/samples/move-camera-ease/playground/index.html
+++ b/dist/samples/move-camera-ease/playground/index.html
@@ -25,7 +25,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/place-autocomplete-element/app/index.ts b/dist/samples/place-autocomplete-element/app/index.ts
index 1a590ea9b0..540e567fa4 100644
--- a/dist/samples/place-autocomplete-element/app/index.ts
+++ b/dist/samples/place-autocomplete-element/app/index.ts
@@ -11,10 +11,8 @@ async function initMap(): Promise<void> {
         google.maps.importLibrary("places"),
     ]);
     // Create the input HTML element, and append it.
-    const input = document.createElement('input');
-    const pac = new google.maps.places.PlaceAutocompleteElement({ inputElement: input });
-    //@ts-ignore
-    document.body.appendChild(pac);
+    const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
+    document.body.appendChild(placeAutocomplete);
 
     // Inject HTML UI.
     const selectedPlaceTitle = document.createElement('p');
@@ -26,8 +24,7 @@ async function initMap(): Promise<void> {
     document.body.appendChild(selectedPlaceInfo);
 
     // Add the gmp-placeselect listener, and display the results.
-    //@ts-ignore
-    pac.addEventListener('gmp-placeselect', async ({ place }) => {
+    placeAutocomplete.addEventListener('gmp-placeselect', async ({ place }) => {
         await place.fetchFields({ fields: ['displayName', 'formattedAddress', 'location'] });
 
         selectedPlaceTitle.textContent = 'Selected Place:';
diff --git a/dist/samples/place-autocomplete-element/app/style.css b/dist/samples/place-autocomplete-element/app/style.css
index 28b301577b..16373a595a 100644
--- a/dist/samples/place-autocomplete-element/app/style.css
+++ b/dist/samples/place-autocomplete-element/app/style.css
@@ -26,7 +26,3 @@ p {
   font-weight: bold;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/place-autocomplete-element/docs/index.js b/dist/samples/place-autocomplete-element/docs/index.js
index 88e253159b..edc58c0bc9 100644
--- a/dist/samples/place-autocomplete-element/docs/index.js
+++ b/dist/samples/place-autocomplete-element/docs/index.js
@@ -10,13 +10,9 @@ async function initMap() {
   //@ts-ignore
   const [{ Map }] = await Promise.all([google.maps.importLibrary("places")]);
   // Create the input HTML element, and append it.
-  const input = document.createElement("input");
-  const pac = new google.maps.places.PlaceAutocompleteElement({
-    inputElement: input,
-  });
+  const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
 
-  //@ts-ignore
-  document.body.appendChild(pac);
+  document.body.appendChild(placeAutocomplete);
 
   // [END maps_place_autocomplete_element_add]
   // Inject HTML UI.
@@ -31,8 +27,7 @@ async function initMap() {
   document.body.appendChild(selectedPlaceInfo);
   // [START maps_place_autocomplete_element_listener]
   // Add the gmp-placeselect listener, and display the results.
-  //@ts-ignore
-  pac.addEventListener("gmp-placeselect", async ({ place }) => {
+  placeAutocomplete.addEventListener("gmp-placeselect", async ({ place }) => {
     await place.fetchFields({
       fields: ["displayName", "formattedAddress", "location"],
     });
diff --git a/dist/samples/place-autocomplete-element/docs/style.css b/dist/samples/place-autocomplete-element/docs/style.css
index cf6c821254..4bad809051 100644
--- a/dist/samples/place-autocomplete-element/docs/style.css
+++ b/dist/samples/place-autocomplete-element/docs/style.css
@@ -27,8 +27,4 @@ p {
   font-weight: bold;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
 /* [END maps_place_autocomplete_element] */
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-element/iframe/index.html b/dist/samples/place-autocomplete-element/iframe/index.html
index 302dd254d3..551caf8342 100644
--- a/dist/samples/place-autocomplete-element/iframe/index.html
+++ b/dist/samples/place-autocomplete-element/iframe/index.html
@@ -9,8 +9,8 @@
     <title>Place Autocomplete element</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-b4e0fabd.js"></script>
-    <link rel="stylesheet" href="./assets/index-619d0c1f.css" />
+    <script type="module" crossorigin src="./assets/index-eff70519.js"></script>
+    <link rel="stylesheet" href="./assets/index-ea1c47a7.css" />
   </head>
   <body>
     <p style="font-family: roboto, sans-serif">Search for a place here:</p>
diff --git a/dist/samples/place-autocomplete-element/jsfiddle/demo.css b/dist/samples/place-autocomplete-element/jsfiddle/demo.css
index 28b301577b..16373a595a 100644
--- a/dist/samples/place-autocomplete-element/jsfiddle/demo.css
+++ b/dist/samples/place-autocomplete-element/jsfiddle/demo.css
@@ -26,7 +26,3 @@ p {
   font-weight: bold;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/place-autocomplete-element/jsfiddle/demo.js b/dist/samples/place-autocomplete-element/jsfiddle/demo.js
index 1e940f99a7..90fbbf592b 100644
--- a/dist/samples/place-autocomplete-element/jsfiddle/demo.js
+++ b/dist/samples/place-autocomplete-element/jsfiddle/demo.js
@@ -8,13 +8,9 @@ async function initMap() {
   //@ts-ignore
   const [{ Map }] = await Promise.all([google.maps.importLibrary("places")]);
   // Create the input HTML element, and append it.
-  const input = document.createElement("input");
-  const pac = new google.maps.places.PlaceAutocompleteElement({
-    inputElement: input,
-  });
+  const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
 
-  //@ts-ignore
-  document.body.appendChild(pac);
+  document.body.appendChild(placeAutocomplete);
 
   // Inject HTML UI.
   const selectedPlaceTitle = document.createElement("p");
@@ -27,8 +23,7 @@ async function initMap() {
   selectedPlaceInfo.textContent = "";
   document.body.appendChild(selectedPlaceInfo);
   // Add the gmp-placeselect listener, and display the results.
-  //@ts-ignore
-  pac.addEventListener("gmp-placeselect", async ({ place }) => {
+  placeAutocomplete.addEventListener("gmp-placeselect", async ({ place }) => {
     await place.fetchFields({
       fields: ["displayName", "formattedAddress", "location"],
     });
diff --git a/dist/samples/place-autocomplete-element/playground/index.ts b/dist/samples/place-autocomplete-element/playground/index.ts
index 0f996a9c65..a7216a117e 100644
--- a/dist/samples/place-autocomplete-element/playground/index.ts
+++ b/dist/samples/place-autocomplete-element/playground/index.ts
@@ -3,12 +3,8 @@ async function initMap(): Promise<void> {
   //@ts-ignore
   const [{ Map }] = await Promise.all([google.maps.importLibrary("places")]);
   // Create the input HTML element, and append it.
-  const input = document.createElement("input");
-  const pac = new google.maps.places.PlaceAutocompleteElement({
-    inputElement: input,
-  });
-  //@ts-ignore
-  document.body.appendChild(pac);
+  const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
+  document.body.appendChild(placeAutocomplete);
 
   // Inject HTML UI.
   const selectedPlaceTitle = document.createElement("p");
@@ -20,8 +16,7 @@ async function initMap(): Promise<void> {
   document.body.appendChild(selectedPlaceInfo);
 
   // Add the gmp-placeselect listener, and display the results.
-  //@ts-ignore
-  pac.addEventListener("gmp-placeselect", async ({ place }) => {
+  placeAutocomplete.addEventListener("gmp-placeselect", async ({ place }) => {
     await place.fetchFields({
       fields: ["displayName", "formattedAddress", "location"],
     });
diff --git a/dist/samples/place-autocomplete-element/playground/style.css b/dist/samples/place-autocomplete-element/playground/style.css
index 8c3cf1e887..0fb008b699 100644
--- a/dist/samples/place-autocomplete-element/playground/style.css
+++ b/dist/samples/place-autocomplete-element/playground/style.css
@@ -21,7 +21,3 @@ p {
   font-weight: bold;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/place-autocomplete-map/app/index.html b/dist/samples/place-autocomplete-map/app/index.html
index d5e43230d8..3886b10ba7 100644
--- a/dist/samples/place-autocomplete-map/app/index.html
+++ b/dist/samples/place-autocomplete-map/app/index.html
@@ -13,7 +13,7 @@
     <script type="module" src="./index.ts"></script>
   </head>
   <body>
-    <div class="pac-card" id="pac-card">
+    <div class="place-autocomplete-card" id="place-autocomplete-card">
       <p>Search for a place here:</p>
     </div>
     <div id="map"></div>
diff --git a/dist/samples/place-autocomplete-map/app/index.ts b/dist/samples/place-autocomplete-map/app/index.ts
index 42c2a44bea..e3a74bab86 100644
--- a/dist/samples/place-autocomplete-map/app/index.ts
+++ b/dist/samples/place-autocomplete-map/app/index.ts
@@ -22,15 +22,12 @@ async function initMap(): Promise<void> {
         mapId: '4504f8b37365c3d0',
         mapTypeControl: false,
     });
-    // Create the input HTML element, and add it to the map as a custom control.
-    const input = document.createElement('input');
-    input.id = 'pac-input';
     //@ts-ignore
-    const pac = new google.maps.places.PlaceAutocompleteElement({ inputElement: input });
+    const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
+    placeAutocomplete.id = 'place-autocomplete-input';
 
-    const card = document.getElementById('pac-card') as HTMLElement;
-    //@ts-ignore
-    card.appendChild(pac);
+    const card = document.getElementById('place-autocomplete-card') as HTMLElement;
+    card.appendChild(placeAutocomplete);
     map.controls[google.maps.ControlPosition.TOP_LEFT].push(card);
 
     // Create the marker and infowindow
@@ -41,8 +38,7 @@ async function initMap(): Promise<void> {
     infoWindow = new google.maps.InfoWindow({});
 
     // Add the gmp-placeselect listener, and display the results on the map.
-    //@ts-ignore
-    pac.addEventListener('gmp-placeselect', async ({ place }) => {
+    placeAutocomplete.addEventListener('gmp-placeselect', async ({ place }) => {
         await place.fetchFields({ fields: ['displayName', 'formattedAddress', 'location'] });
 
         // If the place has a geometry, then present it on a map.
diff --git a/dist/samples/place-autocomplete-map/app/style.css b/dist/samples/place-autocomplete-map/app/style.css
index 0f20b367c7..3169684540 100644
--- a/dist/samples/place-autocomplete-map/app/style.css
+++ b/dist/samples/place-autocomplete-map/app/style.css
@@ -21,11 +21,7 @@ body {
   padding: 0;
 }
 
-#map_canvas {
-  flex: 1;
-}
-
-#pac-card {
+#place-autocomplete-card {
   background-color: #fff;
   border-radius: 5px;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
@@ -36,7 +32,7 @@ body {
   font-weight: bold;
 }
 
-#pac-input {
+#place-autocomplete {
   width: 250px;
 }
 
@@ -48,7 +44,3 @@ body {
   display: inline;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/place-autocomplete-map/docs/index.html b/dist/samples/place-autocomplete-map/docs/index.html
index 9f0e81768e..cad40b1248 100644
--- a/dist/samples/place-autocomplete-map/docs/index.html
+++ b/dist/samples/place-autocomplete-map/docs/index.html
@@ -14,7 +14,7 @@
     <script type="module" src="./index.js"></script>
   </head>
   <body>
-    <div class="pac-card" id="pac-card">
+    <div class="place-autocomplete-card" id="place-autocomplete-card">
       <p>Search for a place here:</p>
     </div>
     <div id="map"></div>
diff --git a/dist/samples/place-autocomplete-map/docs/index.js b/dist/samples/place-autocomplete-map/docs/index.js
index 3c8ee1861e..db670f9851 100644
--- a/dist/samples/place-autocomplete-map/docs/index.js
+++ b/dist/samples/place-autocomplete-map/docs/index.js
@@ -25,19 +25,14 @@ async function initMap() {
   });
 
   // [START maps_place_autocomplete_map_add]
-  // Create the input HTML element, and add it to the map as a custom control.
-  const input = document.createElement("input");
+  //@ts-ignore
+  const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
 
-  input.id = "pac-input";
+  placeAutocomplete.id = "place-autocomplete-input";
 
-  //@ts-ignore
-  const pac = new google.maps.places.PlaceAutocompleteElement({
-    inputElement: input,
-  });
-  const card = document.getElementById("pac-card");
+  const card = document.getElementById("place-autocomplete-card");
 
-  //@ts-ignore
-  card.appendChild(pac);
+  card.appendChild(placeAutocomplete);
   map.controls[google.maps.ControlPosition.TOP_LEFT].push(card);
   // [END maps_place_autocomplete_map_add]
   // Create the marker and infowindow
@@ -47,8 +42,7 @@ async function initMap() {
   infoWindow = new google.maps.InfoWindow({});
   // [START maps_place_autocomplete_map_listener]
   // Add the gmp-placeselect listener, and display the results on the map.
-  //@ts-ignore
-  pac.addEventListener("gmp-placeselect", async ({ place }) => {
+  placeAutocomplete.addEventListener("gmp-placeselect", async ({ place }) => {
     await place.fetchFields({
       fields: ["displayName", "formattedAddress", "location"],
     });
diff --git a/dist/samples/place-autocomplete-map/docs/style.css b/dist/samples/place-autocomplete-map/docs/style.css
index 6f2d5706f3..00a72b6560 100644
--- a/dist/samples/place-autocomplete-map/docs/style.css
+++ b/dist/samples/place-autocomplete-map/docs/style.css
@@ -22,11 +22,7 @@ body {
   padding: 0;
 }
 
-#map_canvas {
-  flex: 1;
-}
-
-#pac-card {
+#place-autocomplete-card {
   background-color: #fff;
   border-radius: 5px;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
@@ -37,7 +33,7 @@ body {
   font-weight: bold;
 }
 
-#pac-input {
+#place-autocomplete {
   width: 250px;
 }
 
@@ -49,8 +45,4 @@ body {
   display: inline;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
 /* [END maps_place_autocomplete_map] */
\ No newline at end of file
diff --git a/dist/samples/place-autocomplete-map/iframe/index.html b/dist/samples/place-autocomplete-map/iframe/index.html
index 6913996f06..6473d69abd 100644
--- a/dist/samples/place-autocomplete-map/iframe/index.html
+++ b/dist/samples/place-autocomplete-map/iframe/index.html
@@ -9,11 +9,11 @@
     <title>Place Autocomplete map</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-63db57eb.js"></script>
-    <link rel="stylesheet" href="./assets/index-6951246e.css" />
+    <script type="module" crossorigin src="./assets/index-b2e918a5.js"></script>
+    <link rel="stylesheet" href="./assets/index-f9bc4792.css" />
   </head>
   <body>
-    <div class="pac-card" id="pac-card">
+    <div class="place-autocomplete-card" id="place-autocomplete-card">
       <p>Search for a place here:</p>
     </div>
     <div id="map"></div>
diff --git a/dist/samples/place-autocomplete-map/jsfiddle/demo.css b/dist/samples/place-autocomplete-map/jsfiddle/demo.css
index 0f20b367c7..3169684540 100644
--- a/dist/samples/place-autocomplete-map/jsfiddle/demo.css
+++ b/dist/samples/place-autocomplete-map/jsfiddle/demo.css
@@ -21,11 +21,7 @@ body {
   padding: 0;
 }
 
-#map_canvas {
-  flex: 1;
-}
-
-#pac-card {
+#place-autocomplete-card {
   background-color: #fff;
   border-radius: 5px;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
@@ -36,7 +32,7 @@ body {
   font-weight: bold;
 }
 
-#pac-input {
+#place-autocomplete {
   width: 250px;
 }
 
@@ -48,7 +44,3 @@ body {
   display: inline;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/place-autocomplete-map/jsfiddle/demo.html b/dist/samples/place-autocomplete-map/jsfiddle/demo.html
index f6d60df565..479567eb9a 100644
--- a/dist/samples/place-autocomplete-map/jsfiddle/demo.html
+++ b/dist/samples/place-autocomplete-map/jsfiddle/demo.html
@@ -11,7 +11,7 @@
     <!-- jsFiddle will insert css and js -->
   </head>
   <body>
-    <div class="pac-card" id="pac-card">
+    <div class="place-autocomplete-card" id="place-autocomplete-card">
       <p>Search for a place here:</p>
     </div>
     <div id="map"></div>
diff --git a/dist/samples/place-autocomplete-map/jsfiddle/demo.js b/dist/samples/place-autocomplete-map/jsfiddle/demo.js
index 43237c253e..ef99327ee8 100644
--- a/dist/samples/place-autocomplete-map/jsfiddle/demo.js
+++ b/dist/samples/place-autocomplete-map/jsfiddle/demo.js
@@ -23,19 +23,14 @@ async function initMap() {
     mapTypeControl: false,
   });
 
-  // Create the input HTML element, and add it to the map as a custom control.
-  const input = document.createElement("input");
+  //@ts-ignore
+  const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
 
-  input.id = "pac-input";
+  placeAutocomplete.id = "place-autocomplete-input";
 
-  //@ts-ignore
-  const pac = new google.maps.places.PlaceAutocompleteElement({
-    inputElement: input,
-  });
-  const card = document.getElementById("pac-card");
+  const card = document.getElementById("place-autocomplete-card");
 
-  //@ts-ignore
-  card.appendChild(pac);
+  card.appendChild(placeAutocomplete);
   map.controls[google.maps.ControlPosition.TOP_LEFT].push(card);
   // Create the marker and infowindow
   marker = new google.maps.marker.AdvancedMarkerElement({
@@ -43,8 +38,7 @@ async function initMap() {
   });
   infoWindow = new google.maps.InfoWindow({});
   // Add the gmp-placeselect listener, and display the results on the map.
-  //@ts-ignore
-  pac.addEventListener("gmp-placeselect", async ({ place }) => {
+  placeAutocomplete.addEventListener("gmp-placeselect", async ({ place }) => {
     await place.fetchFields({
       fields: ["displayName", "formattedAddress", "location"],
     });
diff --git a/dist/samples/place-autocomplete-map/playground/index.html b/dist/samples/place-autocomplete-map/playground/index.html
index b9a278e275..7bac60fe70 100644
--- a/dist/samples/place-autocomplete-map/playground/index.html
+++ b/dist/samples/place-autocomplete-map/playground/index.html
@@ -14,7 +14,7 @@
     <script type="module" src="./index.js"></script>
   </head>
   <body>
-    <div class="pac-card" id="pac-card">
+    <div class="place-autocomplete-card" id="place-autocomplete-card">
       <p>Search for a place here:</p>
     </div>
     <div id="map"></div>
diff --git a/dist/samples/place-autocomplete-map/playground/index.ts b/dist/samples/place-autocomplete-map/playground/index.ts
index 5f326579f5..ae52cd7af3 100644
--- a/dist/samples/place-autocomplete-map/playground/index.ts
+++ b/dist/samples/place-autocomplete-map/playground/index.ts
@@ -16,17 +16,14 @@ async function initMap(): Promise<void> {
     mapId: "4504f8b37365c3d0",
     mapTypeControl: false,
   });
-  // Create the input HTML element, and add it to the map as a custom control.
-  const input = document.createElement("input");
-  input.id = "pac-input";
   //@ts-ignore
-  const pac = new google.maps.places.PlaceAutocompleteElement({
-    inputElement: input,
-  });
+  const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
+  placeAutocomplete.id = "place-autocomplete-input";
 
-  const card = document.getElementById("pac-card") as HTMLElement;
-  //@ts-ignore
-  card.appendChild(pac);
+  const card = document.getElementById(
+    "place-autocomplete-card",
+  ) as HTMLElement;
+  card.appendChild(placeAutocomplete);
   map.controls[google.maps.ControlPosition.TOP_LEFT].push(card);
 
   // Create the marker and infowindow
@@ -37,8 +34,7 @@ async function initMap(): Promise<void> {
   infoWindow = new google.maps.InfoWindow({});
 
   // Add the gmp-placeselect listener, and display the results on the map.
-  //@ts-ignore
-  pac.addEventListener("gmp-placeselect", async ({ place }) => {
+  placeAutocomplete.addEventListener("gmp-placeselect", async ({ place }) => {
     await place.fetchFields({
       fields: ["displayName", "formattedAddress", "location"],
     });
diff --git a/dist/samples/place-autocomplete-map/playground/style.css b/dist/samples/place-autocomplete-map/playground/style.css
index 8e32e07683..0733d5e0b9 100644
--- a/dist/samples/place-autocomplete-map/playground/style.css
+++ b/dist/samples/place-autocomplete-map/playground/style.css
@@ -16,11 +16,7 @@ body {
   padding: 0;
 }
 
-#map_canvas {
-  flex: 1;
-}
-
-#pac-card {
+#place-autocomplete-card {
   background-color: #fff;
   border-radius: 5px;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
@@ -31,7 +27,7 @@ body {
   font-weight: bold;
 }
 
-#pac-input {
+#place-autocomplete {
   width: 250px;
 }
 
@@ -43,7 +39,3 @@ body {
   display: inline;
 }
 
-[class$=api-load-alpha-banner] {
-  display: none;
-}
-
diff --git a/dist/samples/place-text-search/app/index.ts b/dist/samples/place-text-search/app/index.ts
index 69e3101196..98c10736a9 100644
--- a/dist/samples/place-text-search/app/index.ts
+++ b/dist/samples/place-text-search/app/index.ts
@@ -10,9 +10,8 @@ let center;
 
 async function initMap() {
     const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
-    const { LatLng, LatLngBounds } = await google.maps.importLibrary("core") as google.maps.CoreLibrary;
 
-    center = new LatLng(37.4161493, -122.0812166);
+    center = {lat: 37.4161493, lng: -122.0812166};
     map = new Map(document.getElementById('map') as HTMLElement, {
         center: center,
         zoom: 14,
@@ -21,16 +20,16 @@ async function initMap() {
         // [END_EXCLUDE]
     });
 
-    findPlaces(LatLng, LatLngBounds);
+    findPlaces();
 }
 
-async function findPlaces(LatLng, LatLngBounds) {
+async function findPlaces() {
     const { Place } = await google.maps.importLibrary("places") as google.maps.PlacesLibrary;
     //@ts-ignore
     const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;
     const request = {
         query: 'Tacos in Mountain View',
-        fields: ['displayName', 'location', 'businessStatus', 'hasWheelchairAccessibleEntrance'],
+        fields: ['displayName', 'location', 'businessStatus'],
         includedType: 'restaurant',
         isOpenNow: true,
         language: 'en-US',
@@ -42,10 +41,13 @@ async function findPlaces(LatLng, LatLngBounds) {
 
     //@ts-ignore
     const { places } = await Place.searchByText(request);
-    const bound = new LatLngBounds();
 
     if (places.length) {
         console.log(places);
+        
+        const { LatLngBounds } = await google.maps.importLibrary("core") as google.maps.CoreLibrary;
+        const bounds = new LatLngBounds();
+        
         // Loop through and get all the results.
         places.forEach((place) => {
             const markerView = new AdvancedMarkerElement({
@@ -54,11 +56,11 @@ async function findPlaces(LatLng, LatLngBounds) {
                 title: place.displayName,
             });
 
-            bound.extend(new LatLng(place.location));
+            bounds.extend(place.location);
             console.log(place);
         });
 
-        map.setCenter(bound.getCenter());
+        map.setCenter(bounds.getCenter());
 
     } else {
         console.log('No results');
diff --git a/dist/samples/place-text-search/docs/index.js b/dist/samples/place-text-search/docs/index.js
index 673a8bd9b3..ba20729b08 100644
--- a/dist/samples/place-text-search/docs/index.js
+++ b/dist/samples/place-text-search/docs/index.js
@@ -9,9 +9,8 @@ let center;
 
 async function initMap() {
   const { Map } = await google.maps.importLibrary("maps");
-  const { LatLng, LatLngBounds } = await google.maps.importLibrary("core");
 
-  center = new LatLng(37.4161493, -122.0812166);
+  center = { lat: 37.4161493, lng: -122.0812166 };
   map = new Map(document.getElementById("map"), {
     center: center,
     zoom: 14,
@@ -19,21 +18,16 @@ async function initMap() {
     mapId: "4504f8b37365c3d0",
     // [END_EXCLUDE]
   });
-  findPlaces(LatLng, LatLngBounds);
+  findPlaces();
 }
 
-async function findPlaces(LatLng, LatLngBounds) {
+async function findPlaces() {
   const { Place } = await google.maps.importLibrary("places");
   //@ts-ignore
   const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
   const request = {
     query: "Tacos in Mountain View",
-    fields: [
-      "displayName",
-      "location",
-      "businessStatus",
-      "hasWheelchairAccessibleEntrance",
-    ],
+    fields: ["displayName", "location", "businessStatus"],
     includedType: "restaurant",
     isOpenNow: true,
     language: "en-US",
@@ -44,10 +38,13 @@ async function findPlaces(LatLng, LatLngBounds) {
   };
   //@ts-ignore
   const { places } = await Place.searchByText(request);
-  const bound = new LatLngBounds();
 
   if (places.length) {
     console.log(places);
+
+    const { LatLngBounds } = await google.maps.importLibrary("core");
+    const bounds = new LatLngBounds();
+
     // Loop through and get all the results.
     places.forEach((place) => {
       const markerView = new AdvancedMarkerElement({
@@ -56,10 +53,10 @@ async function findPlaces(LatLng, LatLngBounds) {
         title: place.displayName,
       });
 
-      bound.extend(new LatLng(place.location));
+      bounds.extend(place.location);
       console.log(place);
     });
-    map.setCenter(bound.getCenter());
+    map.setCenter(bounds.getCenter());
   } else {
     console.log("No results");
   }
diff --git a/dist/samples/place-text-search/iframe/index.html b/dist/samples/place-text-search/iframe/index.html
index 8b6cd8e990..c19b45e8ac 100644
--- a/dist/samples/place-text-search/iframe/index.html
+++ b/dist/samples/place-text-search/iframe/index.html
@@ -9,7 +9,7 @@
     <title>Text Search</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-5d8e4065.js"></script>
+    <script type="module" crossorigin src="./assets/index-4c9e882b.js"></script>
     <link rel="stylesheet" href="./assets/index-5f44f203.css" />
   </head>
   <body>
diff --git a/dist/samples/place-text-search/jsfiddle/demo.js b/dist/samples/place-text-search/jsfiddle/demo.js
index f9e281802d..671312e8d3 100644
--- a/dist/samples/place-text-search/jsfiddle/demo.js
+++ b/dist/samples/place-text-search/jsfiddle/demo.js
@@ -8,9 +8,8 @@ let center;
 
 async function initMap() {
   const { Map } = await google.maps.importLibrary("maps");
-  const { LatLng, LatLngBounds } = await google.maps.importLibrary("core");
 
-  center = new LatLng(37.4161493, -122.0812166);
+  center = { lat: 37.4161493, lng: -122.0812166 };
   map = new Map(document.getElementById("map"), {
     center: center,
     zoom: 14,
@@ -18,21 +17,16 @@ async function initMap() {
     mapId: "4504f8b37365c3d0",
     // [END_EXCLUDE]
   });
-  findPlaces(LatLng, LatLngBounds);
+  findPlaces();
 }
 
-async function findPlaces(LatLng, LatLngBounds) {
+async function findPlaces() {
   const { Place } = await google.maps.importLibrary("places");
   //@ts-ignore
   const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
   const request = {
     query: "Tacos in Mountain View",
-    fields: [
-      "displayName",
-      "location",
-      "businessStatus",
-      "hasWheelchairAccessibleEntrance",
-    ],
+    fields: ["displayName", "location", "businessStatus"],
     includedType: "restaurant",
     isOpenNow: true,
     language: "en-US",
@@ -43,10 +37,13 @@ async function findPlaces(LatLng, LatLngBounds) {
   };
   //@ts-ignore
   const { places } = await Place.searchByText(request);
-  const bound = new LatLngBounds();
 
   if (places.length) {
     console.log(places);
+
+    const { LatLngBounds } = await google.maps.importLibrary("core");
+    const bounds = new LatLngBounds();
+
     // Loop through and get all the results.
     places.forEach((place) => {
       const markerView = new AdvancedMarkerElement({
@@ -55,10 +52,10 @@ async function findPlaces(LatLng, LatLngBounds) {
         title: place.displayName,
       });
 
-      bound.extend(new LatLng(place.location));
+      bounds.extend(place.location);
       console.log(place);
     });
-    map.setCenter(bound.getCenter());
+    map.setCenter(bounds.getCenter());
   } else {
     console.log("No results");
   }
diff --git a/dist/samples/place-text-search/playground/index.ts b/dist/samples/place-text-search/playground/index.ts
index d03b1b05f1..43b2210d1b 100644
--- a/dist/samples/place-text-search/playground/index.ts
+++ b/dist/samples/place-text-search/playground/index.ts
@@ -5,11 +5,8 @@ async function initMap() {
   const { Map } = (await google.maps.importLibrary(
     "maps",
   )) as google.maps.MapsLibrary;
-  const { LatLng, LatLngBounds } = (await google.maps.importLibrary(
-    "core",
-  )) as google.maps.CoreLibrary;
 
-  center = new LatLng(37.4161493, -122.0812166);
+  center = { lat: 37.4161493, lng: -122.0812166 };
   map = new Map(document.getElementById("map") as HTMLElement, {
     center: center,
     zoom: 14,
@@ -18,10 +15,10 @@ async function initMap() {
     // [END_EXCLUDE]
   });
 
-  findPlaces(LatLng, LatLngBounds);
+  findPlaces();
 }
 
-async function findPlaces(LatLng, LatLngBounds) {
+async function findPlaces() {
   const { Place } = (await google.maps.importLibrary(
     "places",
   )) as google.maps.PlacesLibrary;
@@ -31,12 +28,7 @@ async function findPlaces(LatLng, LatLngBounds) {
   )) as google.maps.MarkerLibrary;
   const request = {
     query: "Tacos in Mountain View",
-    fields: [
-      "displayName",
-      "location",
-      "businessStatus",
-      "hasWheelchairAccessibleEntrance",
-    ],
+    fields: ["displayName", "location", "businessStatus"],
     includedType: "restaurant",
     isOpenNow: true,
     language: "en-US",
@@ -48,10 +40,15 @@ async function findPlaces(LatLng, LatLngBounds) {
 
   //@ts-ignore
   const { places } = await Place.searchByText(request);
-  const bound = new LatLngBounds();
 
   if (places.length) {
     console.log(places);
+
+    const { LatLngBounds } = (await google.maps.importLibrary(
+      "core",
+    )) as google.maps.CoreLibrary;
+    const bounds = new LatLngBounds();
+
     // Loop through and get all the results.
     places.forEach((place) => {
       const markerView = new AdvancedMarkerElement({
@@ -60,11 +57,11 @@ async function findPlaces(LatLng, LatLngBounds) {
         title: place.displayName,
       });
 
-      bound.extend(new LatLng(place.location));
+      bounds.extend(place.location);
       console.log(place);
     });
 
-    map.setCenter(bound.getCenter());
+    map.setCenter(bounds.getCenter());
   } else {
     console.log("No results");
   }
diff --git a/dist/samples/places-autocomplete-addressform/app/index.html b/dist/samples/places-autocomplete-addressform/app/index.html
index 19225bd0b1..cd600b22d4 100644
--- a/dist/samples/places-autocomplete-addressform/app/index.html
+++ b/dist/samples/places-autocomplete-addressform/app/index.html
@@ -42,11 +42,11 @@
         <span class="form-label">City*</span>
         <input id="locality" name="locality" required />
       </label>
-      <label class="slim-field-left">
+      <label class="slim-field-start">
         <span class="form-label">State/Province*</span>
         <input id="state" name="state" required />
       </label>
-      <label class="slim-field-right" for="postal_code">
+      <label class="slim-field-end" for="postal_code">
         <span class="form-label">Postal code*</span>
         <input id="postcode" name="postcode" required />
       </label>
@@ -60,12 +60,6 @@
   Not recommended for user-facing forms due to risk of mis-click when aiming for Submit button. -->
       <input type="reset" value="Clear form" />
     </form>
-    <!-- Replace Powered By Google image src with self hosted image. https://developers.google.com/maps/documentation/places/web-service/policies#other_attribution_requirements -->
-    <img
-      class="powered-by-google"
-      src="https://storage.googleapis.com/geo-devrel-public-buckets/powered_by_google_on_white.png"
-      alt="Powered by Google"
-    />
 
     <!-- 
       The `defer` attribute causes the callback to execute after the full HTML
diff --git a/dist/samples/places-autocomplete-addressform/app/style.css b/dist/samples/places-autocomplete-addressform/app/style.css
index 13995a0c32..69dbf95079 100644
--- a/dist/samples/places-autocomplete-addressform/app/style.css
+++ b/dist/samples/places-autocomplete-addressform/app/style.css
@@ -37,7 +37,6 @@ form {
 
 input {
   width: 100%;
-  height: 1.2rem;
   margin-top: 0;
   padding: 0.5em;
   border: 0;
@@ -46,10 +45,6 @@ input {
   font-size: 18px;
 }
 
-input:focus {
-  border-bottom: 4px solid black;
-}
-
 input[type=reset] {
   width: auto;
   height: auto;
@@ -83,12 +78,14 @@ input[type=reset] {
 
 .slim-field-left {
   flex: 1 150px;
-  margin: 15px 15px 15px 0px;
+  margin: 15px;
+  margin-inline-start: 0;
 }
 
 .slim-field-right {
   flex: 1 150px;
-  margin: 15px 0px 15px 15px;
+  margin: 15px;
+  margin-inline-end: 0;
 }
 
 .my-button {
@@ -96,6 +93,7 @@ input[type=reset] {
   border-radius: 6px;
   color: #fff;
   margin: 10px;
+  cursor: pointer;
   padding: 6px 24px;
   text-decoration: none;
 }
@@ -109,7 +107,3 @@ input[type=reset] {
   top: 1px;
 }
 
-img.powered-by-google {
-  margin: 0.5em;
-}
-
diff --git a/dist/samples/places-autocomplete-addressform/docs/index.html b/dist/samples/places-autocomplete-addressform/docs/index.html
index 933872fd3e..62823c170b 100644
--- a/dist/samples/places-autocomplete-addressform/docs/index.html
+++ b/dist/samples/places-autocomplete-addressform/docs/index.html
@@ -43,11 +43,11 @@
         <span class="form-label">City*</span>
         <input id="locality" name="locality" required />
       </label>
-      <label class="slim-field-left">
+      <label class="slim-field-start">
         <span class="form-label">State/Province*</span>
         <input id="state" name="state" required />
       </label>
-      <label class="slim-field-right" for="postal_code">
+      <label class="slim-field-end" for="postal_code">
         <span class="form-label">Postal code*</span>
         <input id="postcode" name="postcode" required />
       </label>
@@ -61,12 +61,6 @@
   Not recommended for user-facing forms due to risk of mis-click when aiming for Submit button. -->
       <input type="reset" value="Clear form" />
     </form>
-    <!-- Replace Powered By Google image src with self hosted image. https://developers.google.com/maps/documentation/places/web-service/policies#other_attribution_requirements -->
-    <img
-      class="powered-by-google"
-      src="https://storage.googleapis.com/geo-devrel-public-buckets/powered_by_google_on_white.png"
-      alt="Powered by Google"
-    />
 
     <!-- 
       The `defer` attribute causes the callback to execute after the full HTML
diff --git a/dist/samples/places-autocomplete-addressform/docs/style.css b/dist/samples/places-autocomplete-addressform/docs/style.css
index 0f72a4a2b8..3640131efd 100644
--- a/dist/samples/places-autocomplete-addressform/docs/style.css
+++ b/dist/samples/places-autocomplete-addressform/docs/style.css
@@ -38,7 +38,6 @@ form {
 
 input {
   width: 100%;
-  height: 1.2rem;
   margin-top: 0;
   padding: 0.5em;
   border: 0;
@@ -47,10 +46,6 @@ input {
   font-size: 18px;
 }
 
-input:focus {
-  border-bottom: 4px solid black;
-}
-
 input[type=reset] {
   width: auto;
   height: auto;
@@ -84,12 +79,14 @@ input[type=reset] {
 
 .slim-field-left {
   flex: 1 150px;
-  margin: 15px 15px 15px 0px;
+  margin: 15px;
+  margin-inline-start: 0;
 }
 
 .slim-field-right {
   flex: 1 150px;
-  margin: 15px 0px 15px 15px;
+  margin: 15px;
+  margin-inline-end: 0;
 }
 
 .my-button {
@@ -97,6 +94,7 @@ input[type=reset] {
   border-radius: 6px;
   color: #fff;
   margin: 10px;
+  cursor: pointer;
   padding: 6px 24px;
   text-decoration: none;
 }
@@ -110,8 +108,4 @@ input[type=reset] {
   top: 1px;
 }
 
-img.powered-by-google {
-  margin: 0.5em;
-}
-
 /* [END maps_places_autocomplete_addressform] */
\ No newline at end of file
diff --git a/dist/samples/places-autocomplete-addressform/iframe/index.html b/dist/samples/places-autocomplete-addressform/iframe/index.html
index 8d3f3d95a4..d05418131e 100644
--- a/dist/samples/places-autocomplete-addressform/iframe/index.html
+++ b/dist/samples/places-autocomplete-addressform/iframe/index.html
@@ -13,8 +13,8 @@
       rel="stylesheet"
     />
 
-    <script type="module" crossorigin src="./assets/index-071735e5.js"></script>
-    <link rel="stylesheet" href="./assets/index-5bfe949a.css" />
+    <script type="module" crossorigin src="./assets/index-daa1d625.js"></script>
+    <link rel="stylesheet" href="./assets/index-de016665.css" />
   </head>
   <body>
     <!-- Note: The address components in this sample are based on North American address format. You might need to adjust them for the locations relevant to your app. For more information, see
@@ -42,11 +42,11 @@
         <span class="form-label">City*</span>
         <input id="locality" name="locality" required />
       </label>
-      <label class="slim-field-left">
+      <label class="slim-field-start">
         <span class="form-label">State/Province*</span>
         <input id="state" name="state" required />
       </label>
-      <label class="slim-field-right" for="postal_code">
+      <label class="slim-field-end" for="postal_code">
         <span class="form-label">Postal code*</span>
         <input id="postcode" name="postcode" required />
       </label>
@@ -60,12 +60,6 @@
   Not recommended for user-facing forms due to risk of mis-click when aiming for Submit button. -->
       <input type="reset" value="Clear form" />
     </form>
-    <!-- Replace Powered By Google image src with self hosted image. https://developers.google.com/maps/documentation/places/web-service/policies#other_attribution_requirements -->
-    <img
-      class="powered-by-google"
-      src="https://storage.googleapis.com/geo-devrel-public-buckets/powered_by_google_on_white.png"
-      alt="Powered by Google"
-    />
 
     <!-- 
       The `defer` attribute causes the callback to execute after the full HTML
diff --git a/dist/samples/places-autocomplete-addressform/jsfiddle/demo.css b/dist/samples/places-autocomplete-addressform/jsfiddle/demo.css
index 13995a0c32..69dbf95079 100644
--- a/dist/samples/places-autocomplete-addressform/jsfiddle/demo.css
+++ b/dist/samples/places-autocomplete-addressform/jsfiddle/demo.css
@@ -37,7 +37,6 @@ form {
 
 input {
   width: 100%;
-  height: 1.2rem;
   margin-top: 0;
   padding: 0.5em;
   border: 0;
@@ -46,10 +45,6 @@ input {
   font-size: 18px;
 }
 
-input:focus {
-  border-bottom: 4px solid black;
-}
-
 input[type=reset] {
   width: auto;
   height: auto;
@@ -83,12 +78,14 @@ input[type=reset] {
 
 .slim-field-left {
   flex: 1 150px;
-  margin: 15px 15px 15px 0px;
+  margin: 15px;
+  margin-inline-start: 0;
 }
 
 .slim-field-right {
   flex: 1 150px;
-  margin: 15px 0px 15px 15px;
+  margin: 15px;
+  margin-inline-end: 0;
 }
 
 .my-button {
@@ -96,6 +93,7 @@ input[type=reset] {
   border-radius: 6px;
   color: #fff;
   margin: 10px;
+  cursor: pointer;
   padding: 6px 24px;
   text-decoration: none;
 }
@@ -109,7 +107,3 @@ input[type=reset] {
   top: 1px;
 }
 
-img.powered-by-google {
-  margin: 0.5em;
-}
-
diff --git a/dist/samples/places-autocomplete-addressform/jsfiddle/demo.html b/dist/samples/places-autocomplete-addressform/jsfiddle/demo.html
index c759438d6f..b247e45dd1 100644
--- a/dist/samples/places-autocomplete-addressform/jsfiddle/demo.html
+++ b/dist/samples/places-autocomplete-addressform/jsfiddle/demo.html
@@ -41,11 +41,11 @@
         <span class="form-label">City*</span>
         <input id="locality" name="locality" required />
       </label>
-      <label class="slim-field-left">
+      <label class="slim-field-start">
         <span class="form-label">State/Province*</span>
         <input id="state" name="state" required />
       </label>
-      <label class="slim-field-right" for="postal_code">
+      <label class="slim-field-end" for="postal_code">
         <span class="form-label">Postal code*</span>
         <input id="postcode" name="postcode" required />
       </label>
@@ -59,12 +59,6 @@
   Not recommended for user-facing forms due to risk of mis-click when aiming for Submit button. -->
       <input type="reset" value="Clear form" />
     </form>
-    <!-- Replace Powered By Google image src with self hosted image. https://developers.google.com/maps/documentation/places/web-service/policies#other_attribution_requirements -->
-    <img
-      class="powered-by-google"
-      src="https://storage.googleapis.com/geo-devrel-public-buckets/powered_by_google_on_white.png"
-      alt="Powered by Google"
-    />
 
     <!-- 
       The `defer` attribute causes the callback to execute after the full HTML
diff --git a/dist/samples/places-autocomplete-addressform/playground/index.html b/dist/samples/places-autocomplete-addressform/playground/index.html
index 565a9ec9a9..1e2817bd5d 100644
--- a/dist/samples/places-autocomplete-addressform/playground/index.html
+++ b/dist/samples/places-autocomplete-addressform/playground/index.html
@@ -44,11 +44,11 @@
         <span class="form-label">City*</span>
         <input id="locality" name="locality" required />
       </label>
-      <label class="slim-field-left">
+      <label class="slim-field-start">
         <span class="form-label">State/Province*</span>
         <input id="state" name="state" required />
       </label>
-      <label class="slim-field-right" for="postal_code">
+      <label class="slim-field-end" for="postal_code">
         <span class="form-label">Postal code*</span>
         <input id="postcode" name="postcode" required />
       </label>
@@ -62,12 +62,6 @@
   Not recommended for user-facing forms due to risk of mis-click when aiming for Submit button. -->
       <input type="reset" value="Clear form" />
     </form>
-    <!-- Replace Powered By Google image src with self hosted image. https://developers.google.com/maps/documentation/places/web-service/policies#other_attribution_requirements -->
-    <img
-      class="powered-by-google"
-      src="https://storage.googleapis.com/geo-devrel-public-buckets/powered_by_google_on_white.png"
-      alt="Powered by Google"
-    />
 
     <!-- 
       The `defer` attribute causes the callback to execute after the full HTML
diff --git a/dist/samples/places-autocomplete-addressform/playground/style.css b/dist/samples/places-autocomplete-addressform/playground/style.css
index 9111dda266..05d3acf53d 100644
--- a/dist/samples/places-autocomplete-addressform/playground/style.css
+++ b/dist/samples/places-autocomplete-addressform/playground/style.css
@@ -32,7 +32,6 @@ form {
 
 input {
   width: 100%;
-  height: 1.2rem;
   margin-top: 0;
   padding: 0.5em;
   border: 0;
@@ -41,10 +40,6 @@ input {
   font-size: 18px;
 }
 
-input:focus {
-  border-bottom: 4px solid black;
-}
-
 input[type=reset] {
   width: auto;
   height: auto;
@@ -78,12 +73,14 @@ input[type=reset] {
 
 .slim-field-left {
   flex: 1 150px;
-  margin: 15px 15px 15px 0px;
+  margin: 15px;
+  margin-inline-start: 0;
 }
 
 .slim-field-right {
   flex: 1 150px;
-  margin: 15px 0px 15px 15px;
+  margin: 15px;
+  margin-inline-end: 0;
 }
 
 .my-button {
@@ -91,6 +88,7 @@ input[type=reset] {
   border-radius: 6px;
   color: #fff;
   margin: 10px;
+  cursor: pointer;
   padding: 6px 24px;
   text-decoration: none;
 }
@@ -104,7 +102,3 @@ input[type=reset] {
   top: 1px;
 }
 
-img.powered-by-google {
-  margin: 0.5em;
-}
-
diff --git a/dist/samples/react-map/iframe/index.html b/dist/samples/react-map/iframe/index.html
index 401c7f4f74..18d033121f 100644
--- a/dist/samples/react-map/iframe/index.html
+++ b/dist/samples/react-map/iframe/index.html
@@ -9,7 +9,7 @@
     <title>React Map</title>
     <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
 
-    <script type="module" crossorigin src="./assets/index-d76c36a2.js"></script>
+    <script type="module" crossorigin src="./assets/index-00024a5f.js"></script>
     <link rel="stylesheet" href="./assets/index-f7289a71.css" />
   </head>
   <body>
diff --git a/dist/samples/threejs-overlay-simple/app/index.html b/dist/samples/threejs-overlay-simple/app/index.html
index 7f6ab7cc2b..6aac4b46b5 100644
--- a/dist/samples/threejs-overlay-simple/app/index.html
+++ b/dist/samples/threejs-overlay-simple/app/index.html
@@ -23,7 +23,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/threejs-overlay-simple/docs/index.html b/dist/samples/threejs-overlay-simple/docs/index.html
index 9b997a94ad..7563464438 100644
--- a/dist/samples/threejs-overlay-simple/docs/index.html
+++ b/dist/samples/threejs-overlay-simple/docs/index.html
@@ -24,7 +24,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/threejs-overlay-simple/iframe/index.html b/dist/samples/threejs-overlay-simple/iframe/index.html
index b6fc7ed9bf..258218a26a 100644
--- a/dist/samples/threejs-overlay-simple/iframe/index.html
+++ b/dist/samples/threejs-overlay-simple/iframe/index.html
@@ -23,7 +23,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/threejs-overlay-simple/jsfiddle/demo.html b/dist/samples/threejs-overlay-simple/jsfiddle/demo.html
index 21fc784961..c49ec82677 100644
--- a/dist/samples/threejs-overlay-simple/jsfiddle/demo.html
+++ b/dist/samples/threejs-overlay-simple/jsfiddle/demo.html
@@ -22,7 +22,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/threejs-overlay-simple/playground/index.html b/dist/samples/threejs-overlay-simple/playground/index.html
index a9aa9d113e..94831c9528 100644
--- a/dist/samples/threejs-overlay-simple/playground/index.html
+++ b/dist/samples/threejs-overlay-simple/playground/index.html
@@ -25,7 +25,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/webgl-deckgl/app/index.html b/dist/samples/webgl-deckgl/app/index.html
index 7ade943d56..6e2e8f057a 100644
--- a/dist/samples/webgl-deckgl/app/index.html
+++ b/dist/samples/webgl-deckgl/app/index.html
@@ -25,7 +25,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/webgl-deckgl/docs/index.html b/dist/samples/webgl-deckgl/docs/index.html
index c1b5715619..a6f62e264d 100644
--- a/dist/samples/webgl-deckgl/docs/index.html
+++ b/dist/samples/webgl-deckgl/docs/index.html
@@ -26,7 +26,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/webgl-deckgl/iframe/index.html b/dist/samples/webgl-deckgl/iframe/index.html
index 632bcd1a26..02d6a89639 100644
--- a/dist/samples/webgl-deckgl/iframe/index.html
+++ b/dist/samples/webgl-deckgl/iframe/index.html
@@ -25,7 +25,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/webgl-deckgl/jsfiddle/demo.html b/dist/samples/webgl-deckgl/jsfiddle/demo.html
index 87d97054dc..e38f6da1f1 100644
--- a/dist/samples/webgl-deckgl/jsfiddle/demo.html
+++ b/dist/samples/webgl-deckgl/jsfiddle/demo.html
@@ -24,7 +24,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/webgl-deckgl/playground/index.html b/dist/samples/webgl-deckgl/playground/index.html
index d808fd7dac..7ebcdfad90 100644
--- a/dist/samples/webgl-deckgl/playground/index.html
+++ b/dist/samples/webgl-deckgl/playground/index.html
@@ -27,7 +27,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/webgl-overlay-simple/app/index.html b/dist/samples/webgl-overlay-simple/app/index.html
index 8194fa441b..941b96303e 100644
--- a/dist/samples/webgl-overlay-simple/app/index.html
+++ b/dist/samples/webgl-overlay-simple/app/index.html
@@ -24,7 +24,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/webgl-overlay-simple/docs/index.html b/dist/samples/webgl-overlay-simple/docs/index.html
index f6fa4f571a..0113812e11 100644
--- a/dist/samples/webgl-overlay-simple/docs/index.html
+++ b/dist/samples/webgl-overlay-simple/docs/index.html
@@ -25,7 +25,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/webgl-overlay-simple/iframe/index.html b/dist/samples/webgl-overlay-simple/iframe/index.html
index 213635402c..f32ed49275 100644
--- a/dist/samples/webgl-overlay-simple/iframe/index.html
+++ b/dist/samples/webgl-overlay-simple/iframe/index.html
@@ -24,7 +24,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/webgl-overlay-simple/jsfiddle/demo.html b/dist/samples/webgl-overlay-simple/jsfiddle/demo.html
index 6ae101147b..8356dec262 100644
--- a/dist/samples/webgl-overlay-simple/jsfiddle/demo.html
+++ b/dist/samples/webgl-overlay-simple/jsfiddle/demo.html
@@ -23,7 +23,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/webgl-overlay-simple/playground/index.html b/dist/samples/webgl-overlay-simple/playground/index.html
index 6a21623ee9..b97dcc0f97 100644
--- a/dist/samples/webgl-overlay-simple/playground/index.html
+++ b/dist/samples/webgl-overlay-simple/playground/index.html
@@ -26,7 +26,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/webgl-tilt-rotation/app/index.html b/dist/samples/webgl-tilt-rotation/app/index.html
index 70875a0dc3..96b9c7d434 100644
--- a/dist/samples/webgl-tilt-rotation/app/index.html
+++ b/dist/samples/webgl-tilt-rotation/app/index.html
@@ -23,7 +23,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/webgl-tilt-rotation/docs/index.html b/dist/samples/webgl-tilt-rotation/docs/index.html
index 602273ea0b..7c98d93b16 100644
--- a/dist/samples/webgl-tilt-rotation/docs/index.html
+++ b/dist/samples/webgl-tilt-rotation/docs/index.html
@@ -24,7 +24,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/webgl-tilt-rotation/iframe/index.html b/dist/samples/webgl-tilt-rotation/iframe/index.html
index c3b96546cc..48547027ea 100644
--- a/dist/samples/webgl-tilt-rotation/iframe/index.html
+++ b/dist/samples/webgl-tilt-rotation/iframe/index.html
@@ -23,7 +23,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/webgl-tilt-rotation/jsfiddle/demo.html b/dist/samples/webgl-tilt-rotation/jsfiddle/demo.html
index eb9924ee60..b17ff9a203 100644
--- a/dist/samples/webgl-tilt-rotation/jsfiddle/demo.html
+++ b/dist/samples/webgl-tilt-rotation/jsfiddle/demo.html
@@ -21,7 +21,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/dist/samples/webgl-tilt-rotation/playground/index.html b/dist/samples/webgl-tilt-rotation/playground/index.html
index 74b9e3457f..476665b7ff 100644
--- a/dist/samples/webgl-tilt-rotation/playground/index.html
+++ b/dist/samples/webgl-tilt-rotation/playground/index.html
@@ -24,7 +24,7 @@
       for more information.
       -->
     <script
-      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=beta"
+      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly"
       defer
     ></script>
   </body>
diff --git a/samples/add-map/add-map.json b/samples/add-map/add-map.json
index 4a5f7ca5b4..698539cf1f 100644
--- a/samples/add-map/add-map.json
+++ b/samples/add-map/add-map.json
@@ -1,6 +1,6 @@
 {
   "title": "Add Map",
-  "version": "beta",
+  "version": "weekly",
   "dynamic_import": "true",
   "tag": "add_map",
   "name": "add-map",
diff --git a/samples/advanced-markers-accessibility/advanced-markers-accessibility.json b/samples/advanced-markers-accessibility/advanced-markers-accessibility.json
index fcbbb4934b..f96312ab0a 100644
--- a/samples/advanced-markers-accessibility/advanced-markers-accessibility.json
+++ b/samples/advanced-markers-accessibility/advanced-markers-accessibility.json
@@ -1,7 +1,7 @@
 {
     "title": "Advanced Marker Accessibility",
     "dynamic_import": "true",
-    "version": "beta",
+    "version": "weekly",
     "tag": "advanced_markers_accessibility",
     "name": "advanced-markers-accessibility",
     "pagination": {
diff --git a/samples/advanced-markers-accessibility/style.scss b/samples/advanced-markers-accessibility/style.scss
index 6cc1aa6531..64253a177a 100644
--- a/samples/advanced-markers-accessibility/style.scss
+++ b/samples/advanced-markers-accessibility/style.scss
@@ -9,8 +9,4 @@
 /* [START maps_advanced_markers_accessibility] */
 @include meta.load-css("../../shared/scss/default.scss");
 
-[class$="api-load-alpha-banner"] {
-    display: none;
-}
-
 /* [END maps_advanced_markers_accessibility] */
\ No newline at end of file
diff --git a/samples/advanced-markers-altitude/advanced-markers-altitude.json b/samples/advanced-markers-altitude/advanced-markers-altitude.json
index 8b60814688..8da82d4dd2 100644
--- a/samples/advanced-markers-altitude/advanced-markers-altitude.json
+++ b/samples/advanced-markers-altitude/advanced-markers-altitude.json
@@ -1,7 +1,7 @@
 {
     "title": "Advanced Marker Altitude",
     "dynamic_import": "true",
-    "version": "beta",
+    "version": "weekly",
     "tag": "advanced_markers_altitude",
     "name": "advanced-markers-altitude",
     "pagination": {
diff --git a/samples/advanced-markers-altitude/style.scss b/samples/advanced-markers-altitude/style.scss
index 39f626391e..f400f3aeea 100644
--- a/samples/advanced-markers-altitude/style.scss
+++ b/samples/advanced-markers-altitude/style.scss
@@ -4,13 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
- @use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
+@use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
 
- /* [START maps_advanced_markers_altitude] */
- @include meta.load-css("../../shared/scss/default.scss");
+/* [START maps_advanced_markers_altitude] */
+@include meta.load-css("../../shared/scss/default.scss");
 
- [class$="api-load-alpha-banner"] {
-     display: none;
- }
- 
- /* [END maps_advanced_markers_altitude] */
\ No newline at end of file
+/* [END maps_advanced_markers_altitude] */
\ No newline at end of file
diff --git a/samples/advanced-markers-animation/advanced-markers-animation.json b/samples/advanced-markers-animation/advanced-markers-animation.json
index 6ac3207b28..ce740b96f8 100644
--- a/samples/advanced-markers-animation/advanced-markers-animation.json
+++ b/samples/advanced-markers-animation/advanced-markers-animation.json
@@ -1,7 +1,7 @@
 {
     "title": "Advanced Markers CSS Animation",
     "dynamic_import": "true",
-    "version": "beta",
+    "version": "weekly",
     "tag": "advanced_markers_animation",
     "name": "advanced-markers-animation",
     "pagination": {
diff --git a/samples/advanced-markers-animation/index.ts b/samples/advanced-markers-animation/index.ts
index 7a3072ed55..c11f3b5609 100644
--- a/samples/advanced-markers-animation/index.ts
+++ b/samples/advanced-markers-animation/index.ts
@@ -47,9 +47,8 @@
     // Request needed libraries.
     const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
     const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;
-    const { LatLng } = await google.maps.importLibrary("core") as google.maps.CoreLibrary;
 
-    const position = new LatLng(37.4242011827985, -122.09242296450893);
+    const position = {lat: 37.4242011827985, lng: -122.09242296450893};
 
     const map = new Map(document.getElementById("map") as HTMLElement, {
       zoom: 14,
diff --git a/samples/advanced-markers-animation/style.scss b/samples/advanced-markers-animation/style.scss
index 527c190680..1daa55b854 100644
--- a/samples/advanced-markers-animation/style.scss
+++ b/samples/advanced-markers-animation/style.scss
@@ -81,8 +81,4 @@ body {
     background: rgb(235, 235, 235);
 }
 
- [class$="api-load-alpha-banner"] {
-     display: none;
- }
- 
- /* [END maps_advanced_markers_animation] */
\ No newline at end of file
+/* [END maps_advanced_markers_animation] */
\ No newline at end of file
diff --git a/samples/advanced-markers-basic-style/advanced-markers-basic-style.json b/samples/advanced-markers-basic-style/advanced-markers-basic-style.json
index ffbb4c5887..2ebdd3309f 100644
--- a/samples/advanced-markers-basic-style/advanced-markers-basic-style.json
+++ b/samples/advanced-markers-basic-style/advanced-markers-basic-style.json
@@ -1,7 +1,7 @@
 {
     "title": "Advanced Marker Basic Customization",
     "dynamic_import": "true",
-    "version": "beta",
+    "version": "weekly",
     "tag": "advanced_markers_basic_style",
     "name": "advanced-markers-basic-style",
     "pagination": {
diff --git a/samples/advanced-markers-basic-style/style.scss b/samples/advanced-markers-basic-style/style.scss
index 9843c71f8d..9f20300686 100644
--- a/samples/advanced-markers-basic-style/style.scss
+++ b/samples/advanced-markers-basic-style/style.scss
@@ -4,13 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
- @use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
+@use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
 
- /* [START maps_advanced_markers_basic_style] */
- @include meta.load-css("../../shared/scss/default.scss");
+/* [START maps_advanced_markers_basic_style] */
+@include meta.load-css("../../shared/scss/default.scss");
 
- [class$="api-load-alpha-banner"] {
-     display: none;
- }
- 
- /* [END maps_advanced_markers_basic_style] */
\ No newline at end of file
+/* [END maps_advanced_markers_basic_style] */
\ No newline at end of file
diff --git a/samples/advanced-markers-collision/advanced-markers-collision.json b/samples/advanced-markers-collision/advanced-markers-collision.json
index 05e9964efb..245561ecd8 100644
--- a/samples/advanced-markers-collision/advanced-markers-collision.json
+++ b/samples/advanced-markers-collision/advanced-markers-collision.json
@@ -1,7 +1,7 @@
 {
     "title": "Advanced Marker Collision Management",
     "dynamic_import": "true",
-    "version": "beta",
+    "version": "weekly",
     "tag": "advanced_markers_collision",
     "name": "advanced-markers-collision",
     "pagination": {
diff --git a/samples/advanced-markers-collision/style.scss b/samples/advanced-markers-collision/style.scss
index 99f605fd91..68e84edcb4 100644
--- a/samples/advanced-markers-collision/style.scss
+++ b/samples/advanced-markers-collision/style.scss
@@ -17,8 +17,4 @@
   width: 100%;
 }
 
-[class$="api-load-alpha-banner"] {
-    display: none;
-}
-
 /* [END maps_advanced_markers_collision] */
\ No newline at end of file
diff --git a/samples/advanced-markers-draggable/advanced-markers-draggable.json b/samples/advanced-markers-draggable/advanced-markers-draggable.json
index 1feb23e2dd..cf28e4a310 100644
--- a/samples/advanced-markers-draggable/advanced-markers-draggable.json
+++ b/samples/advanced-markers-draggable/advanced-markers-draggable.json
@@ -1,7 +1,7 @@
 {
     "title": "Draggable Advanced Marker",
     "dynamic_import": "true",
-    "version": "beta",
+    "version": "weekly",
     "tag": "advanced_markers_draggable",
     "name": "advanced-markers-draggable",
     "pagination": {
diff --git a/samples/advanced-markers-draggable/style.scss b/samples/advanced-markers-draggable/style.scss
index a346c1a857..ba6f033b93 100644
--- a/samples/advanced-markers-draggable/style.scss
+++ b/samples/advanced-markers-draggable/style.scss
@@ -4,13 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
- @use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
+@use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
 
- /* [START maps_advanced_markers_draggable] */
- @include meta.load-css("../../shared/scss/default.scss");
+/* [START maps_advanced_markers_draggable] */
+@include meta.load-css("../../shared/scss/default.scss");
 
- [class$="api-load-alpha-banner"] {
-     display: none;
- }
- 
- /* [END maps_advanced_markers_draggable] */
\ No newline at end of file
+/* [END maps_advanced_markers_draggable] */
\ No newline at end of file
diff --git a/samples/advanced-markers-graphics/style.scss b/samples/advanced-markers-graphics/style.scss
index 9d1f2b1157..6c5acd53c8 100644
--- a/samples/advanced-markers-graphics/style.scss
+++ b/samples/advanced-markers-graphics/style.scss
@@ -4,13 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
- @use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
+@use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
 
- /* [START maps_advanced_markers_graphics] */
- @include meta.load-css("../../shared/scss/default.scss");
+/* [START maps_advanced_markers_graphics] */
+@include meta.load-css("../../shared/scss/default.scss");
 
- [class$="api-load-alpha-banner"] {
-     display: none;
- }
- 
- /* [END maps_advanced_markers_graphics] */
\ No newline at end of file
+/* [END maps_advanced_markers_graphics] */
\ No newline at end of file
diff --git a/samples/advanced-markers-html-simple/advanced-markers-html-simple.json b/samples/advanced-markers-html-simple/advanced-markers-html-simple.json
index 83bb8d518f..ccb9448628 100644
--- a/samples/advanced-markers-html-simple/advanced-markers-html-simple.json
+++ b/samples/advanced-markers-html-simple/advanced-markers-html-simple.json
@@ -1,7 +1,7 @@
 {
     "title": "Advanced Marker Simple HTML",
     "dynamic_import": "true",
-    "version": "beta",
+    "version": "weekly",
     "tag": "advanced_markers_html_simple",
     "name": "advanced-markers-html-simple",
     "pagination": {
diff --git a/samples/advanced-markers-html-simple/style.scss b/samples/advanced-markers-html-simple/style.scss
index 8e015ac1ab..48cef735e9 100644
--- a/samples/advanced-markers-html-simple/style.scss
+++ b/samples/advanced-markers-html-simple/style.scss
@@ -32,8 +32,4 @@
     border-top: 8px solid #4285F4;
 }
 
-[class$="api-load-alpha-banner"] {
-    display: none;
-}
-
 /* [END maps_advanced_markers_html_simple] */
\ No newline at end of file
diff --git a/samples/advanced-markers-html/advanced-markers-html.json b/samples/advanced-markers-html/advanced-markers-html.json
index bb58a54edb..bb21e5715f 100644
--- a/samples/advanced-markers-html/advanced-markers-html.json
+++ b/samples/advanced-markers-html/advanced-markers-html.json
@@ -1,7 +1,7 @@
 {
     "title": "Advanced Markers with HTML",
     "dynamic_import": "true",
-    "version": "beta",
+    "version": "weekly",
     "tag": "advanced_markers_html",
     "name": "advanced-markers-html",
     "pagination": {
diff --git a/samples/advanced-markers-html/index.ts b/samples/advanced-markers-html/index.ts
index e0bbc0bae9..a21925e4a8 100644
--- a/samples/advanced-markers-html/index.ts
+++ b/samples/advanced-markers-html/index.ts
@@ -10,9 +10,8 @@ async function initMap() {
   // Request needed libraries.
   const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
   const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;
-  const { LatLng } = await google.maps.importLibrary("core") as google.maps.CoreLibrary;
 
-  const center = new LatLng(37.43238031167444, -122.16795397128632);
+  const center = {lat: 37.43238031167444, lng: -122.16795397128632};
   const map = new Map(document.getElementById("map") as HTMLElement, {
     zoom: 11,
     center,
diff --git a/samples/advanced-markers-simple/advanced-markers-simple.json b/samples/advanced-markers-simple/advanced-markers-simple.json
index 015a138ee4..f6336a12ab 100644
--- a/samples/advanced-markers-simple/advanced-markers-simple.json
+++ b/samples/advanced-markers-simple/advanced-markers-simple.json
@@ -1,7 +1,7 @@
 {
     "title": "Default Advanced Marker",
     "dynamic_import": "true",
-    "version": "beta",
+    "version": "weekly",
     "tag": "advanced_markers_simple",
     "name": "advanced-markers-simple",
     "pagination": {
diff --git a/samples/advanced-markers-simple/style.scss b/samples/advanced-markers-simple/style.scss
index e15264bb0d..0f6dec2c01 100644
--- a/samples/advanced-markers-simple/style.scss
+++ b/samples/advanced-markers-simple/style.scss
@@ -4,13 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
- @use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
+@use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
 
- /* [START maps_advanced_markers_simple] */
- @include meta.load-css("../../shared/scss/default.scss");
+/* [START maps_advanced_markers_simple] */
+@include meta.load-css("../../shared/scss/default.scss");
 
- [class$="api-load-alpha-banner"] {
-     display: none;
- }
- 
- /* [END maps_advanced_markers_simple] */
\ No newline at end of file
+/* [END maps_advanced_markers_simple] */
\ No newline at end of file
diff --git a/samples/advanced-markers-zoom/advanced-markers-zoom.json b/samples/advanced-markers-zoom/advanced-markers-zoom.json
index 7c72fe1c4e..1227bdaec0 100644
--- a/samples/advanced-markers-zoom/advanced-markers-zoom.json
+++ b/samples/advanced-markers-zoom/advanced-markers-zoom.json
@@ -1,7 +1,7 @@
 {
     "title": "Advanced Marker Zoom Visibility",
     "dynamic_import": "true",
-    "version": "beta",
+    "version": "weekly",
     "tag": "advanced_markers_zoom",
     "name": "advanced-markers-zoom",
     "pagination": {
diff --git a/samples/advanced-markers-zoom/style.scss b/samples/advanced-markers-zoom/style.scss
index 60e8e2a203..ab851c1b1b 100644
--- a/samples/advanced-markers-zoom/style.scss
+++ b/samples/advanced-markers-zoom/style.scss
@@ -4,13 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
- @use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
+@use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
 
- /* [START maps_advanced_markers_zoom] */
- @include meta.load-css("../../shared/scss/default.scss");
+/* [START maps_advanced_markers_zoom] */
+@include meta.load-css("../../shared/scss/default.scss");
 
- [class$="api-load-alpha-banner"] {
-     display: none;
- }
- 
- /* [END maps_advanced_markers_zoom] */
\ No newline at end of file
+/* [END maps_advanced_markers_zoom] */
\ No newline at end of file
diff --git a/samples/boundaries-choropleth/boundaries-choropleth.json b/samples/boundaries-choropleth/boundaries-choropleth.json
index 47d4ccec12..273c14e3c9 100644
--- a/samples/boundaries-choropleth/boundaries-choropleth.json
+++ b/samples/boundaries-choropleth/boundaries-choropleth.json
@@ -1,7 +1,7 @@
 {
     "title": "Choropleth Map",
     "dynamic_import": "true",
-    "version": "beta",
+    "version": "weekly",
     "tag": "boundaries_choropleth",
     "name": "boundaries-choropleth",
     "pagination": {
diff --git a/samples/boundaries-click/boundaries-click.json b/samples/boundaries-click/boundaries-click.json
index cb3871d528..0374935255 100644
--- a/samples/boundaries-click/boundaries-click.json
+++ b/samples/boundaries-click/boundaries-click.json
@@ -1,7 +1,7 @@
 {
     "title": "Handle Region Boundary Click Event",
     "dynamic_import": "true",
-    "version": "beta",
+    "version": "weekly",
     "tag": "boundaries_click_event",
     "name": "boundaries-click-event",
     "pagination": {
diff --git a/samples/boundaries-simple/boundaries-simple.json b/samples/boundaries-simple/boundaries-simple.json
index dd26299f93..bedd5c92ff 100644
--- a/samples/boundaries-simple/boundaries-simple.json
+++ b/samples/boundaries-simple/boundaries-simple.json
@@ -1,7 +1,7 @@
 {
     "title": "Boundaries Simple",
     "dynamic_import": "true",
-    "version": "beta",
+    "version": "weekly",
     "tag": "boundaries_simple",
     "name": "boundaries-simple",
     "pagination": {
diff --git a/samples/boundaries-text-search/index.ts b/samples/boundaries-text-search/index.ts
index e69968fb58..06f76cdd9f 100644
--- a/samples/boundaries-text-search/index.ts
+++ b/samples/boundaries-text-search/index.ts
@@ -11,10 +11,8 @@ let center;
 
 async function initMap() {
     const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
-    const { Place } = await google.maps.importLibrary("places") as google.maps.PlacesLibrary;
-    const { LatLng } = await google.maps.importLibrary("core") as google.maps.CoreLibrary;
 
-    center = new LatLng(41.059, -124.151); // Trinidad, CA
+    center = {lat: 41.059, lng: -124.151}; // Trinidad, CA
 
     map = new Map(document.getElementById('map') as HTMLElement, {
         center: center,
@@ -26,10 +24,10 @@ async function initMap() {
 
     featureLayer = map.getFeatureLayer('LOCALITY');
 
-    findBoundary(Place);
+    findBoundary();
 }
 // [START maps_boundaries_text_search_find_region]
-async function findBoundary(Place) {
+async function findBoundary() {
     const request = {
         query: 'Trinidad, CA',
         fields: ['id', 'location'],
@@ -37,6 +35,7 @@ async function findBoundary(Place) {
         locationBias: center,
     };
 
+    const { Place } = await google.maps.importLibrary("places") as google.maps.PlacesLibrary;
     const { places } = await Place.searchByText(request);
 
     if (places.length) {
@@ -50,13 +49,13 @@ async function findBoundary(Place) {
 
 function styleBoundary(placeid) {
     // Define a style of transparent purple with opaque stroke.
-    const styleFill = /** @type {!google.maps.FeatureStyleOptions} */({
+    const styleFill = {
         strokeColor: '#810FCB',
         strokeOpacity: 1.0,
         strokeWeight: 3.0,
         fillColor: '#810FCB',
         fillOpacity: 0.5
-    });
+    };
 
     // Define the feature style function.
     featureLayer.style = (params) => {
diff --git a/samples/dds-datasets-point/index.ts b/samples/dds-datasets-point/index.ts
index 96c8cbadcd..9a6525463d 100644
--- a/samples/dds-datasets-point/index.ts
+++ b/samples/dds-datasets-point/index.ts
@@ -51,9 +51,8 @@ function setStyle(/* FeatureStyleFunctionOptions */ params) {
 async function initMap() {
     // Request needed libraries.
     const { Map } = await google.maps.importLibrary('maps') as google.maps.MapsLibrary;
-    const { LatLng } = await google.maps.importLibrary('core') as google.maps.CoreLibrary;
 
-    const position = new LatLng(40.780101, -73.967780);
+    const position = {lat: 40.780101, lng: -73.967780};
     const map = new Map(document.getElementById('map') as HTMLElement, {
         zoom: 17,
         center: position,
diff --git a/samples/dds-datasets-point/style.scss b/samples/dds-datasets-point/style.scss
index 830b7c48bc..a3f79ec83d 100644
--- a/samples/dds-datasets-point/style.scss
+++ b/samples/dds-datasets-point/style.scss
@@ -67,8 +67,4 @@
   padding: 0.5em;
 }
 
- [class$="api-load-alpha-banner"] {
-    display: none;
-  }  
- 
  /* [END maps_dds_datasets_point] */
\ No newline at end of file
diff --git a/samples/dds-datasets-polygon-click/index.ts b/samples/dds-datasets-polygon-click/index.ts
index a0f8fdaf95..17a5704ee9 100644
--- a/samples/dds-datasets-polygon-click/index.ts
+++ b/samples/dds-datasets-polygon-click/index.ts
@@ -33,8 +33,8 @@ function handleMouseMove(/* MouseEvent */ e) {
 async function initMap() {
   // Request needed libraries.
   const { Map } = await google.maps.importLibrary('maps') as google.maps.MapsLibrary;
-  const { LatLng } = await google.maps.importLibrary('core') as google.maps.CoreLibrary;
-  const position = new LatLng(40.796675, -73.946275);
+
+  const position = {lat: 40.780101, lng: -73.967780};
   map = new Map(document.getElementById('map') as HTMLElement, {
     zoom: 13,
     center: position,
diff --git a/samples/dds-datasets-polygon-click/style.scss b/samples/dds-datasets-polygon-click/style.scss
index aab5e56c94..ab612e7974 100644
--- a/samples/dds-datasets-polygon-click/style.scss
+++ b/samples/dds-datasets-polygon-click/style.scss
@@ -4,14 +4,10 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
- @use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
+@use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
 
- /* [START maps_dds_datasets_polygon_click] */
- @include meta.load-css("../../shared/scss/default.scss");
+/* [START maps_dds_datasets_polygon_click] */
+@include meta.load-css("../../shared/scss/default.scss");
 
- [class$="api-load-alpha-banner"] {
-    display: none;
-  }  
- 
- /* [END maps_dds_datasets_polygon_click] */
+/* [END maps_dds_datasets_polygon_click] */
  
\ No newline at end of file
diff --git a/samples/dds-datasets-polygon-colors/index.ts b/samples/dds-datasets-polygon-colors/index.ts
index aaa7344a57..e513deebe1 100644
--- a/samples/dds-datasets-polygon-colors/index.ts
+++ b/samples/dds-datasets-polygon-colors/index.ts
@@ -47,9 +47,8 @@ function setStyle(/* FeatureStyleFunctionOptions */ params) {
 async function initMap() {
     // Request needed libraries.
     const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
-    const { LatLng } = await google.maps.importLibrary("core") as google.maps.CoreLibrary;
 
-    const position = new LatLng(40.580732, -74.152826);
+    const position = {lat: 40.580732, lng: -74.152826};
     const map = new Map(document.getElementById('map') as HTMLElement, {
         zoom: 14,
         center: position,
diff --git a/samples/dds-datasets-polygon-colors/style.scss b/samples/dds-datasets-polygon-colors/style.scss
index 24411a6feb..6878a811a8 100644
--- a/samples/dds-datasets-polygon-colors/style.scss
+++ b/samples/dds-datasets-polygon-colors/style.scss
@@ -4,14 +4,10 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
- @use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
+@use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
 
- /* [START maps_dds_datasets_polygon_colors] */
- @include meta.load-css("../../shared/scss/default.scss");
+/* [START maps_dds_datasets_polygon_colors] */
+@include meta.load-css("../../shared/scss/default.scss");
 
- [class$="api-load-alpha-banner"] {
-    display: none;
-  }  
- 
- /* [END maps_dds_datasets_polygon_colors] */
+/* [END maps_dds_datasets_polygon_colors] */
  
\ No newline at end of file
diff --git a/samples/dds-datasets-polygon/style.scss b/samples/dds-datasets-polygon/style.scss
index 95401185ee..2ac6d0dda1 100644
--- a/samples/dds-datasets-polygon/style.scss
+++ b/samples/dds-datasets-polygon/style.scss
@@ -4,14 +4,10 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
- @use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
+@use 'sass:meta'; // To enable @use via meta.load-css and keep comments in order
 
- /* [START maps_dds_datasets_polygon] */
- @include meta.load-css("../../shared/scss/default.scss");
- 
- [class$="api-load-alpha-banner"] {
-    display: none;
-  }  
- 
- /* [END maps_dds_datasets_polygon] */
+/* [START maps_dds_datasets_polygon] */
+@include meta.load-css("../../shared/scss/default.scss");
+
+/* [END maps_dds_datasets_polygon] */
  
\ No newline at end of file
diff --git a/samples/dds-datasets-polyline/index.ts b/samples/dds-datasets-polyline/index.ts
index 333e2f1d67..576dfdb7c2 100644
--- a/samples/dds-datasets-polyline/index.ts
+++ b/samples/dds-datasets-polyline/index.ts
@@ -9,9 +9,8 @@ let map;
 async function initMap() {
     // Request needed libraries.
     const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
-    const { LatLng } = await google.maps.importLibrary("core") as google.maps.CoreLibrary;
 
-    const position = new LatLng(47.59, -122.31);
+    const position = {lat: 47.59, lng: -122.31};
     const map = new Map(document.getElementById('map') as HTMLElement, {
         zoom: 14,
         center: position,
diff --git a/samples/dds-datasets-polyline/style.scss b/samples/dds-datasets-polyline/style.scss
index 4795035956..336d1f81db 100644
--- a/samples/dds-datasets-polyline/style.scss
+++ b/samples/dds-datasets-polyline/style.scss
@@ -8,9 +8,5 @@
 
  /* [START maps_dds_datasets_polyline] */
  @include meta.load-css("../../shared/scss/default.scss");
-
- [class$="api-load-alpha-banner"] {
-    display: none;
-  }  
  
  /* [END maps_dds_datasets_polyline] */
\ No newline at end of file
diff --git a/samples/deckgl-arclayer/deckgl-arclayer.json b/samples/deckgl-arclayer/deckgl-arclayer.json
index 06c26ba61d..75abd9abc6 100644
--- a/samples/deckgl-arclayer/deckgl-arclayer.json
+++ b/samples/deckgl-arclayer/deckgl-arclayer.json
@@ -2,7 +2,7 @@
   "title": "deck.gl ArcLayer",
   "callback": "initMap",
   "libraries": [],
-  "version": "beta",
+  "version": "weekly",
   "tag": "deckgl_arclayer",
   "name": "deckgl-arclayer",
   "pagination": {
diff --git a/samples/deckgl-tripslayer/deckgl-tripslayer.json b/samples/deckgl-tripslayer/deckgl-tripslayer.json
index 785f65db54..7a28db119d 100644
--- a/samples/deckgl-tripslayer/deckgl-tripslayer.json
+++ b/samples/deckgl-tripslayer/deckgl-tripslayer.json
@@ -2,7 +2,7 @@
   "title": "deck.gl Trips Layer",
   "callback": "initMap",
   "libraries": [],
-  "version": "beta",
+  "version": "weekly",
   "tag": "deckgl_tripslayer",
   "name": "deckgl-tripslayer",
   "pagination": {
diff --git a/samples/move-camera-ease/move-camera-ease.json b/samples/move-camera-ease/move-camera-ease.json
index 5d653cd4a4..b03f27fbbd 100644
--- a/samples/move-camera-ease/move-camera-ease.json
+++ b/samples/move-camera-ease/move-camera-ease.json
@@ -2,7 +2,7 @@
   "title": "Move Camera Easing",
   "callback": "initMap",
   "libraries": [],
-  "version": "beta",
+  "version": "weekly",
   "tag": "move_camera_ease",
   "name": "move-camera-ease",
   "pagination": {
diff --git a/samples/place-autocomplete-element/index.ts b/samples/place-autocomplete-element/index.ts
index 43e613e5cd..9cc0006b18 100644
--- a/samples/place-autocomplete-element/index.ts
+++ b/samples/place-autocomplete-element/index.ts
@@ -13,10 +13,8 @@ async function initMap(): Promise<void> {
         google.maps.importLibrary("places"),
     ]);
     // Create the input HTML element, and append it.
-    const input = document.createElement('input');
-    const pac = new google.maps.places.PlaceAutocompleteElement({ inputElement: input });
-    //@ts-ignore
-    document.body.appendChild(pac);
+    const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
+    document.body.appendChild(placeAutocomplete);
     // [END maps_place_autocomplete_element_add]
 
     // Inject HTML UI.
@@ -30,8 +28,7 @@ async function initMap(): Promise<void> {
 
     // [START maps_place_autocomplete_element_listener]
     // Add the gmp-placeselect listener, and display the results.
-    //@ts-ignore
-    pac.addEventListener('gmp-placeselect', async ({ place }) => {
+    placeAutocomplete.addEventListener('gmp-placeselect', async ({ place }) => {
         await place.fetchFields({ fields: ['displayName', 'formattedAddress', 'location'] });
 
         selectedPlaceTitle.textContent = 'Selected Place:';
diff --git a/samples/place-autocomplete-element/style.scss b/samples/place-autocomplete-element/style.scss
index 37817232cf..788eb01476 100644
--- a/samples/place-autocomplete-element/style.scss
+++ b/samples/place-autocomplete-element/style.scss
@@ -13,9 +13,5 @@ p {
   font-family: Roboto, sans-serif;
   font-weight: bold;
 }
-
-[class$="api-load-alpha-banner"] {
-  display: none;
-}  
  
  /* [END maps_place_autocomplete_element] */
\ No newline at end of file
diff --git a/samples/place-autocomplete-map/index.njk b/samples/place-autocomplete-map/index.njk
index 0eb313472b..c63a0c2a17 100644
--- a/samples/place-autocomplete-map/index.njk
+++ b/samples/place-autocomplete-map/index.njk
@@ -5,7 +5,7 @@
  SPDX-License-Identifier: Apache-2.0
 -->
 {% extends '../../src/_includes/layout.njk'%} {% block html %}
-<div class="pac-card" id="pac-card">
+<div class="place-autocomplete-card" id="place-autocomplete-card">
     <p>Search for a place here:</p>
 </div>
 <div id="map"></div>
diff --git a/samples/place-autocomplete-map/index.ts b/samples/place-autocomplete-map/index.ts
index b3a02b76c1..85eddef1b1 100644
--- a/samples/place-autocomplete-map/index.ts
+++ b/samples/place-autocomplete-map/index.ts
@@ -24,15 +24,12 @@ async function initMap(): Promise<void> {
         mapTypeControl: false,
     });
     // [START maps_place_autocomplete_map_add]
-    // Create the input HTML element, and add it to the map as a custom control.
-    const input = document.createElement('input');
-    input.id = 'pac-input';
     //@ts-ignore
-    const pac = new google.maps.places.PlaceAutocompleteElement({ inputElement: input });
+    const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
+    placeAutocomplete.id = 'place-autocomplete-input';
 
-    const card = document.getElementById('pac-card') as HTMLElement;
-    //@ts-ignore
-    card.appendChild(pac);
+    const card = document.getElementById('place-autocomplete-card') as HTMLElement;
+    card.appendChild(placeAutocomplete);
     map.controls[google.maps.ControlPosition.TOP_LEFT].push(card);
     // [END maps_place_autocomplete_map_add]
 
@@ -45,8 +42,7 @@ async function initMap(): Promise<void> {
 
     // [START maps_place_autocomplete_map_listener]
     // Add the gmp-placeselect listener, and display the results on the map.
-    //@ts-ignore
-    pac.addEventListener('gmp-placeselect', async ({ place }) => {
+    placeAutocomplete.addEventListener('gmp-placeselect', async ({ place }) => {
         await place.fetchFields({ fields: ['displayName', 'formattedAddress', 'location'] });
 
         // If the place has a geometry, then present it on a map.
diff --git a/samples/place-autocomplete-map/style.scss b/samples/place-autocomplete-map/style.scss
index 46402c2f54..948d246fa9 100644
--- a/samples/place-autocomplete-map/style.scss
+++ b/samples/place-autocomplete-map/style.scss
@@ -9,11 +9,7 @@
  /* [START maps_place_autocomplete_map] */
  @include meta.load-css("../../shared/scss/default.scss");
 
-#map_canvas {
-  flex: 1;
-}
-
-#pac-card {
+#place-autocomplete-card {
   background-color: #fff;
   border-radius: 5px;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
@@ -24,7 +20,7 @@
   font-weight: bold;
 }
 
-#pac-input {
+#place-autocomplete {
   width: 250px;
 }
 
@@ -35,9 +31,5 @@
 #map #infowindow-content {
   display: inline;
 }
-
-[class$="api-load-alpha-banner"] {
-  display: none;
-}  
  
  /* [END maps_place_autocomplete_map] */
diff --git a/samples/place-text-search/index.ts b/samples/place-text-search/index.ts
index cac5335d71..aead31f4d9 100644
--- a/samples/place-text-search/index.ts
+++ b/samples/place-text-search/index.ts
@@ -11,9 +11,8 @@ let center;
 
 async function initMap() {
     const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary;
-    const { LatLng, LatLngBounds } = await google.maps.importLibrary("core") as google.maps.CoreLibrary;
 
-    center = new LatLng(37.4161493, -122.0812166);
+    center = {lat: 37.4161493, lng: -122.0812166};
     map = new Map(document.getElementById('map') as HTMLElement, {
         center: center,
         zoom: 14,
@@ -22,16 +21,16 @@ async function initMap() {
         // [END_EXCLUDE]
     });
 
-    findPlaces(LatLng, LatLngBounds);
+    findPlaces();
 }
 
-async function findPlaces(LatLng, LatLngBounds) {
+async function findPlaces() {
     const { Place } = await google.maps.importLibrary("places") as google.maps.PlacesLibrary;
     //@ts-ignore
     const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;
     const request = {
         query: 'Tacos in Mountain View',
-        fields: ['displayName', 'location', 'businessStatus', 'hasWheelchairAccessibleEntrance'],
+        fields: ['displayName', 'location', 'businessStatus'],
         includedType: 'restaurant',
         isOpenNow: true,
         language: 'en-US',
@@ -43,10 +42,13 @@ async function findPlaces(LatLng, LatLngBounds) {
 
     //@ts-ignore
     const { places } = await Place.searchByText(request);
-    const bound = new LatLngBounds();
 
     if (places.length) {
         console.log(places);
+        
+        const { LatLngBounds } = await google.maps.importLibrary("core") as google.maps.CoreLibrary;
+        const bounds = new LatLngBounds();
+        
         // Loop through and get all the results.
         places.forEach((place) => {
             const markerView = new AdvancedMarkerElement({
@@ -55,11 +57,11 @@ async function findPlaces(LatLng, LatLngBounds) {
                 title: place.displayName,
             });
 
-            bound.extend(new LatLng(place.location));
+            bounds.extend(place.location);
             console.log(place);
         });
 
-        map.setCenter(bound.getCenter());
+        map.setCenter(bounds.getCenter());
 
     } else {
         console.log('No results');
diff --git a/samples/places-autocomplete-addressform/index.njk b/samples/places-autocomplete-addressform/index.njk
index 2f2cba8010..8946f9cb80 100644
--- a/samples/places-autocomplete-addressform/index.njk
+++ b/samples/places-autocomplete-addressform/index.njk
@@ -29,11 +29,11 @@ https://developers.google.com/maps/documentation/javascript/examples/places-auto
     <span class="form-label">City*</span>
     <input id="locality" name="locality" required>
   </label>
-  <label class="slim-field-left">
+  <label class="slim-field-start">
     <span class="form-label">State/Province*</span>
     <input id="state" name="state" required>
   </label>
-  <label class="slim-field-right" for="postal_code">
+  <label class="slim-field-end" for="postal_code">
     <span class="form-label">Postal code*</span>
     <input id="postcode" name="postcode" required>
   </label>
@@ -47,5 +47,4 @@ https://developers.google.com/maps/documentation/javascript/examples/places-auto
   Not recommended for user-facing forms due to risk of mis-click when aiming for Submit button. -->
   <input type="reset" value="Clear form">
 </form>
-{% include '../../src/_includes/powered-by-google.njk' %}
 {% endblock %}
diff --git a/samples/places-autocomplete-addressform/style.scss b/samples/places-autocomplete-addressform/style.scss
index 823c76ee4a..c99810a48d 100644
--- a/samples/places-autocomplete-addressform/style.scss
+++ b/samples/places-autocomplete-addressform/style.scss
@@ -25,7 +25,6 @@ form {
 
 input {
   width: 100%;
-  height: 1.2rem;
   margin-top: 0;
   padding: 0.5em;
   border: 0;
@@ -34,10 +33,6 @@ input {
   font-size: 18px;
 }
 
-input:focus {
-  border-bottom: 4px solid black;
-}
-
 input[type='reset'] {
   width: auto;
   height: auto;
@@ -71,31 +66,30 @@ input[type='reset'] {
 
 .slim-field-left {
   flex: 1 150px;
-  margin: 15px 15px 15px 0px;
+  margin: 15px;
+  margin-inline-start: 0;
 }
 
 .slim-field-right {
   flex: 1 150px;
-  margin: 15px 0px 15px 15px;
+  margin: 15px;
+  margin-inline-end: 0;
 }
 
 .my-button {
-	background-color:#000;
-	border-radius:6px;
-	color:#fff;
+  background-color:#000;
+  border-radius:6px;
+  color:#fff;
   margin: 10px;
-	padding:6px 24px;
-	text-decoration:none;
+  cursor: pointer;
+  padding:6px 24px;
+  text-decoration:none;
 }
 .my-button:hover {
-	background-color:#666;
+  background-color:#666;
 }
 .my-button:active {
-	position:relative;
-	top:1px;
-}
-
-img.powered-by-google {
-  margin: 0.5em;
+  position:relative;
+  top:1px;
 }
-/* [END maps_places_autocomplete_addressform] */
+/* [END maps_places_autocomplete_addressform] */
\ No newline at end of file
diff --git a/samples/threejs-overlay-simple/threejs-overlay-simple.json b/samples/threejs-overlay-simple/threejs-overlay-simple.json
index 1109fdb363..098c9a1094 100644
--- a/samples/threejs-overlay-simple/threejs-overlay-simple.json
+++ b/samples/threejs-overlay-simple/threejs-overlay-simple.json
@@ -2,7 +2,7 @@
   "title": "Simple ThreeJS Overlay View",
   "callback": "initMap",
   "libraries": [],
-  "version": "beta",
+  "version": "weekly",
   "tag": "threejs_overlay_simple",
   "name": "threejs-overlay-simple",
   "pagination": {
diff --git a/samples/webgl-deckgl/webgl-deckgl.json b/samples/webgl-deckgl/webgl-deckgl.json
index 24978cbadc..35caa2e24b 100644
--- a/samples/webgl-deckgl/webgl-deckgl.json
+++ b/samples/webgl-deckgl/webgl-deckgl.json
@@ -2,7 +2,7 @@
   "title": "WebGL DeckGL OverlayView",
   "callback": "initMap",
   "libraries": [],
-  "version": "beta",
+  "version": "weekly",
   "tag": "webgl_deckgl",
   "name": "webgl-deckgl",
   "pagination": {
diff --git a/samples/webgl-overlay-simple/package.json b/samples/webgl-overlay-simple/package.json
index 68710e8b33..41f29d9478 100644
--- a/samples/webgl-overlay-simple/package.json
+++ b/samples/webgl-overlay-simple/package.json
@@ -2,7 +2,7 @@
   "title": "Simple WebGL Overlay View",
   "callback": "initMap",
   "libraries": [],
-  "version": "beta",
+  "version": "weekly",
   "tag": "webgl_overlay_simple",
   "name": "webgl-overlay-simple"
 }
\ No newline at end of file
diff --git a/samples/webgl-overlay-simple/webgl-overlay-simple.json b/samples/webgl-overlay-simple/webgl-overlay-simple.json
index eeda9f8be2..942d600ee1 100644
--- a/samples/webgl-overlay-simple/webgl-overlay-simple.json
+++ b/samples/webgl-overlay-simple/webgl-overlay-simple.json
@@ -2,7 +2,7 @@
   "title": "Simple WebGL Overlay",
   "callback": "initMap",
   "libraries": [],
-  "version": "beta",
+  "version": "weekly",
   "tag": "webgl_overlay_simple",
   "name": "webgl-overlay-simple",
   "pagination": {
diff --git a/samples/webgl-tilt-rotation/webgl-tilt-rotation.json b/samples/webgl-tilt-rotation/webgl-tilt-rotation.json
index 5d27fcf701..6b2f7c63b8 100644
--- a/samples/webgl-tilt-rotation/webgl-tilt-rotation.json
+++ b/samples/webgl-tilt-rotation/webgl-tilt-rotation.json
@@ -2,7 +2,7 @@
   "title": "Tilt and Rotation",
   "callback": "initMap",
   "libraries": [],
-  "version": "beta",
+  "version": "weekly",
   "tag": "webgl_tilt_rotation",
   "name": "webgl-tilt-rotation",
   "pagination": {