diff --git a/dist/index.html b/dist/index.html
index 3a2b01af..562f186b 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -7,11 +7,23 @@
 <!-- Default top-level index for Firebase Hosting -->
 <h1>Maps JSAPI Samples</h1>
 <ul>
+  <li><a href='/samples/3d-camera-to-around/dist'>3d-camera-to-around</a></li>
+  <li><a href='/samples/3d-label-toggle/dist'>3d-label-toggle</a></li>
+  <li><a href='/samples/3d-marker-click-event/dist'>3d-marker-click-event</a></li>
   <li><a href='/samples/3d-marker-customization/dist'>3d-marker-customization</a></li>
+  <li><a href='/samples/3d-marker-interactive/dist'>3d-marker-interactive</a></li>
   <li><a href='/samples/3d-places/dist'>3d-places</a></li>
+  <li><a href='/samples/3d-places-autocomplete/dist'>3d-places-autocomplete</a></li>
+  <li><a href='/samples/3d-polygon/dist'>3d-polygon</a></li>
+  <li><a href='/samples/3d-polygon-click-event/dist'>3d-polygon-click-event</a></li>
+  <li><a href='/samples/3d-polygon-extruded-hole/dist'>3d-polygon-extruded-hole</a></li>
+  <li><a href='/samples/3d-polyline/dist'>3d-polyline</a></li>
+  <li><a href='/samples/3d-polyline-click-event/dist'>3d-polyline-click-event</a></li>
+  <li><a href='/samples/3d-polyline-extruded/dist'>3d-polyline-extruded</a></li>
   <li><a href='/samples/3d-popover-location/dist'>3d-popover-location</a></li>
   <li><a href='/samples/3d-popover-marker/dist'>3d-popover-marker</a></li>
   <li><a href='/samples/3d-simple-map/dist'>3d-simple-map</a></li>
+  <li><a href='/samples/3d-simple-map-declarative/dist'>3d-simple-map-declarative</a></li>
   <li><a href='/samples/3d-simple-marker/dist'>3d-simple-marker</a></li>
   <li><a href='/samples/add-map/dist'>add-map</a></li>
   <li><a href='/samples/advanced-markers-animation/dist'>advanced-markers-animation</a></li>
diff --git a/dist/samples/3d-camera-to-around/app/.eslintsrc.json b/dist/samples/3d-camera-to-around/app/.eslintsrc.json
new file mode 100644
index 00000000..4c44dab0
--- /dev/null
+++ b/dist/samples/3d-camera-to-around/app/.eslintsrc.json
@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "rules": {
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/no-this-alias": 1,
+    "@typescript-eslint/no-empty-function": 1,
+    "@typescript-eslint/explicit-module-boundary-types": 1,
+    "@typescript-eslint/no-unused-vars": 1
+  }
+}
diff --git a/dist/samples/3d-camera-to-around/app/index.html b/dist/samples/3d-camera-to-around/app/index.html
new file mode 100644
index 00000000..f0af56bb
--- /dev/null
+++ b/dist/samples/3d-camera-to-around/app/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_camera_to_around] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_camera_to_around] -->
diff --git a/dist/samples/3d-camera-to-around/app/index.ts b/dist/samples/3d-camera-to-around/app/index.ts
new file mode 100644
index 00000000..af0ef996
--- /dev/null
+++ b/dist/samples/3d-camera-to-around/app/index.ts
@@ -0,0 +1,53 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_camera_to_around]
+async function init() {
+    const { Map3DElement } = await google.maps.importLibrary("maps3d");
+
+    const map = new Map3DElement(
+        { center: { lat: 37.79810773998413, lng : -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, }
+    );
+
+    map.mode = "SATELLITE";
+
+    document.body.append(map);
+
+    // Used for both the fly to function and the location to fly around.
+    const flyToCamera = { 
+        center: { lat: 21.263523536467105, lng : -157.80663691939296, altitude: 80.28936069489404 }, 
+        range: 1500.8202963253427, tilt: 76.9173260789542 ,heading: -44.59196007522445,
+    }; 
+
+    // Fly the camera from San Francisco to Hawaii, can be controlled by a button alternatively.
+    map.flyCameraTo({
+        // Where we are going to.
+        endCamera: flyToCamera,
+        // How long we want the flight to take.
+        durationMillis: 30000,
+    });
+
+    // When the animation has completed, fly around the location.
+    map.addEventListener('gmp-animationend', () => {
+        map.flyCameraAround({
+            // Location to fly around.
+            camera: flyToCamera,
+            // Length of time to fly to the location.
+            durationMillis: 50000,
+            // Number of rotations to make in the specified time.
+            rounds: 1
+        });
+    }, {once: true}); // Stop animation after flying around.
+
+    // At any time stop the animation.
+    map.addEventListener('gmp-click', (event) => {
+        map.stopCameraAnimation();
+    });
+}
+
+init();
+// [END maps_3d_camera_to_around]
diff --git a/dist/samples/3d-camera-to-around/app/package.json b/dist/samples/3d-camera-to-around/app/package.json
new file mode 100644
index 00000000..34403ea0
--- /dev/null
+++ b/dist/samples/3d-camera-to-around/app/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@js-api-samples/3d-camera-to-around",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "tsc && bash ../jsfiddle.sh 3d-camera-to-around && bash ../app.sh 3d-camera-to-around && bash ../docs.sh 3d-camera-to-around &&  npm run build:vite --workspace=. && bash ../dist.sh 3d-camera-to-around",
+    "test": "tsc && npm run build:vite --workspace=.",
+    "start": "tsc && vite build --base './' && vite",
+    "build:vite": "vite build --base './'",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    
+  }
+}
diff --git a/dist/samples/3d-camera-to-around/app/style.css b/dist/samples/3d-camera-to-around/app/style.css
new file mode 100644
index 00000000..5557b807
--- /dev/null
+++ b/dist/samples/3d-camera-to-around/app/style.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_camera_to_around] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+/* [END maps_3d_camera_to_around] */
diff --git a/dist/samples/3d-camera-to-around/app/tsconfig.json b/dist/samples/3d-camera-to-around/app/tsconfig.json
new file mode 100644
index 00000000..366aabb0
--- /dev/null
+++ b/dist/samples/3d-camera-to-around/app/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "target": "esnext",
+    "strict": true,
+    "noImplicitAny": false,
+    "lib": [
+      "es2015",
+      "esnext",
+      "es6",
+      "dom",
+      "dom.iterable"
+    ],
+    "moduleResolution": "Node",
+    "jsx": "preserve"
+  }
+}
diff --git a/dist/samples/3d-camera-to-around/dist/assets/index-CCfvJRed.js b/dist/samples/3d-camera-to-around/dist/assets/index-CCfvJRed.js
new file mode 100644
index 00000000..6550874a
--- /dev/null
+++ b/dist/samples/3d-camera-to-around/dist/assets/index-CCfvJRed.js
@@ -0,0 +1,5 @@
+(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))o(e);new MutationObserver(e=>{for(const r of e)if(r.type==="childList")for(const i of r.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&o(i)}).observe(document,{childList:!0,subtree:!0});function n(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerPolicy&&(r.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?r.credentials="include":e.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function o(e){if(e.ep)return;e.ep=!0;const r=n(e);fetch(e.href,r)}})();/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/async function s(){const{Map3DElement:a}=await google.maps.importLibrary("maps3d"),t=new a({center:{lat:37.79810773998413,lng:-122.41784275049939,altitude:89.08476932205978},range:6062.016931506805,tilt:81.17100663963272,heading:-56.047035719765596});t.mode="SATELLITE",document.body.append(t);const n={center:{lat:21.263523536467105,lng:-157.80663691939296,altitude:80.28936069489404},range:1500.8202963253427,tilt:76.9173260789542,heading:-44.59196007522445};t.flyCameraTo({endCamera:n,durationMillis:3e4}),t.addEventListener("gmp-animationend",()=>{t.flyCameraAround({camera:n,durationMillis:5e4,rounds:1})},{once:!0}),t.addEventListener("gmp-click",o=>{t.stopCameraAnimation()})}s();
diff --git a/dist/samples/3d-camera-to-around/dist/assets/index-DDwKyjRS.css b/dist/samples/3d-camera-to-around/dist/assets/index-DDwKyjRS.css
new file mode 100644
index 00000000..af40d498
--- /dev/null
+++ b/dist/samples/3d-camera-to-around/dist/assets/index-DDwKyjRS.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/html,map{height:100%}body{height:100%;margin:0;padding:0}
diff --git a/dist/samples/3d-camera-to-around/dist/index.html b/dist/samples/3d-camera-to-around/dist/index.html
new file mode 100644
index 00000000..319abcf6
--- /dev/null
+++ b/dist/samples/3d-camera-to-around/dist/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_camera_to_around] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <script type="module" crossorigin src="./assets/index-CCfvJRed.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-DDwKyjRS.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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_camera_to_around] -->
diff --git a/dist/samples/3d-camera-to-around/docs/index.html b/dist/samples/3d-camera-to-around/docs/index.html
new file mode 100644
index 00000000..f0af56bb
--- /dev/null
+++ b/dist/samples/3d-camera-to-around/docs/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_camera_to_around] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_camera_to_around] -->
diff --git a/dist/samples/3d-camera-to-around/docs/index.js b/dist/samples/3d-camera-to-around/docs/index.js
new file mode 100644
index 00000000..30eb3096
--- /dev/null
+++ b/dist/samples/3d-camera-to-around/docs/index.js
@@ -0,0 +1,43 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+// [START maps_3d_camera_to_around]
+async function init() {
+    const { Map3DElement } = await google.maps.importLibrary("maps3d");
+    const map = new Map3DElement({ center: { lat: 37.79810773998413, lng: -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, });
+    map.mode = "SATELLITE";
+    document.body.append(map);
+    // Used for both the fly to function and the location to fly around.
+    const flyToCamera = {
+        center: { lat: 21.263523536467105, lng: -157.80663691939296, altitude: 80.28936069489404 },
+        range: 1500.8202963253427, tilt: 76.9173260789542, heading: -44.59196007522445,
+    };
+    // Fly the camera from San Francisco to Hawaii, can be controlled by a button alternatively.
+    map.flyCameraTo({
+        // Where we are going to.
+        endCamera: flyToCamera,
+        // How long we want the flight to take.
+        durationMillis: 30000,
+    });
+    // When the animation has completed, fly around the location.
+    map.addEventListener('gmp-animationend', () => {
+        map.flyCameraAround({
+            // Location to fly around.
+            camera: flyToCamera,
+            // Length of time to fly to the location.
+            durationMillis: 50000,
+            // Number of rotations to make in the specified time.
+            rounds: 1
+        });
+    }, { once: true }); // Stop animation after flying around.
+    // At any time stop the animation.
+    map.addEventListener('gmp-click', (event) => {
+        map.stopCameraAnimation();
+    });
+}
+init();
+// [END maps_3d_camera_to_around]
diff --git a/dist/samples/3d-camera-to-around/docs/index.ts b/dist/samples/3d-camera-to-around/docs/index.ts
new file mode 100644
index 00000000..af0ef996
--- /dev/null
+++ b/dist/samples/3d-camera-to-around/docs/index.ts
@@ -0,0 +1,53 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_camera_to_around]
+async function init() {
+    const { Map3DElement } = await google.maps.importLibrary("maps3d");
+
+    const map = new Map3DElement(
+        { center: { lat: 37.79810773998413, lng : -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, }
+    );
+
+    map.mode = "SATELLITE";
+
+    document.body.append(map);
+
+    // Used for both the fly to function and the location to fly around.
+    const flyToCamera = { 
+        center: { lat: 21.263523536467105, lng : -157.80663691939296, altitude: 80.28936069489404 }, 
+        range: 1500.8202963253427, tilt: 76.9173260789542 ,heading: -44.59196007522445,
+    }; 
+
+    // Fly the camera from San Francisco to Hawaii, can be controlled by a button alternatively.
+    map.flyCameraTo({
+        // Where we are going to.
+        endCamera: flyToCamera,
+        // How long we want the flight to take.
+        durationMillis: 30000,
+    });
+
+    // When the animation has completed, fly around the location.
+    map.addEventListener('gmp-animationend', () => {
+        map.flyCameraAround({
+            // Location to fly around.
+            camera: flyToCamera,
+            // Length of time to fly to the location.
+            durationMillis: 50000,
+            // Number of rotations to make in the specified time.
+            rounds: 1
+        });
+    }, {once: true}); // Stop animation after flying around.
+
+    // At any time stop the animation.
+    map.addEventListener('gmp-click', (event) => {
+        map.stopCameraAnimation();
+    });
+}
+
+init();
+// [END maps_3d_camera_to_around]
diff --git a/dist/samples/3d-camera-to-around/docs/style.css b/dist/samples/3d-camera-to-around/docs/style.css
new file mode 100644
index 00000000..5557b807
--- /dev/null
+++ b/dist/samples/3d-camera-to-around/docs/style.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_camera_to_around] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+/* [END maps_3d_camera_to_around] */
diff --git a/dist/samples/3d-camera-to-around/jsfiddle/demo.css b/dist/samples/3d-camera-to-around/jsfiddle/demo.css
new file mode 100644
index 00000000..a74f30bc
--- /dev/null
+++ b/dist/samples/3d-camera-to-around/jsfiddle/demo.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
diff --git a/dist/samples/3d-camera-to-around/jsfiddle/demo.details b/dist/samples/3d-camera-to-around/jsfiddle/demo.details
new file mode 100644
index 00000000..a74f64a7
--- /dev/null
+++ b/dist/samples/3d-camera-to-around/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: 3d-camera-to-around
+authors:
+  - Geo Developer IX Documentation Team
+tags:
+  - google maps
+load_type: h
+description: Sample code supporting Google Maps Platform JavaScript API documentation.
diff --git a/dist/samples/3d-camera-to-around/jsfiddle/demo.html b/dist/samples/3d-camera-to-around/jsfiddle/demo.html
new file mode 100644
index 00000000..0bf9e340
--- /dev/null
+++ b/dist/samples/3d-camera-to-around/jsfiddle/demo.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+
diff --git a/dist/samples/3d-camera-to-around/jsfiddle/demo.js b/dist/samples/3d-camera-to-around/jsfiddle/demo.js
new file mode 100644
index 00000000..1f51efbc
--- /dev/null
+++ b/dist/samples/3d-camera-to-around/jsfiddle/demo.js
@@ -0,0 +1,43 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+
+async function init() {
+    const { Map3DElement } = await google.maps.importLibrary("maps3d");
+    const map = new Map3DElement({ center: { lat: 37.79810773998413, lng: -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, });
+    map.mode = "SATELLITE";
+    document.body.append(map);
+    // Used for both the fly to function and the location to fly around.
+    const flyToCamera = {
+        center: { lat: 21.263523536467105, lng: -157.80663691939296, altitude: 80.28936069489404 },
+        range: 1500.8202963253427, tilt: 76.9173260789542, heading: -44.59196007522445,
+    };
+    // Fly the camera from San Francisco to Hawaii, can be controlled by a button alternatively.
+    map.flyCameraTo({
+        // Where we are going to.
+        endCamera: flyToCamera,
+        // How long we want the flight to take.
+        durationMillis: 30000,
+    });
+    // When the animation has completed, fly around the location.
+    map.addEventListener('gmp-animationend', () => {
+        map.flyCameraAround({
+            // Location to fly around.
+            camera: flyToCamera,
+            // Length of time to fly to the location.
+            durationMillis: 50000,
+            // Number of rotations to make in the specified time.
+            rounds: 1
+        });
+    }, { once: true }); // Stop animation after flying around.
+    // At any time stop the animation.
+    map.addEventListener('gmp-click', (event) => {
+        map.stopCameraAnimation();
+    });
+}
+init();
+
diff --git a/dist/samples/3d-label-toggle/app/.eslintsrc.json b/dist/samples/3d-label-toggle/app/.eslintsrc.json
new file mode 100644
index 00000000..4c44dab0
--- /dev/null
+++ b/dist/samples/3d-label-toggle/app/.eslintsrc.json
@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "rules": {
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/no-this-alias": 1,
+    "@typescript-eslint/no-empty-function": 1,
+    "@typescript-eslint/explicit-module-boundary-types": 1,
+    "@typescript-eslint/no-unused-vars": 1
+  }
+}
diff --git a/dist/samples/3d-label-toggle/app/index.html b/dist/samples/3d-label-toggle/app/index.html
new file mode 100644
index 00000000..e9965e3f
--- /dev/null
+++ b/dist/samples/3d-label-toggle/app/index.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_label_toggle] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </head>
+  <body>
+    <div id="map"></div>
+
+    <button class="toggleButton" id="toggleButton">Labels are off. (SATELLITE)</button>
+
+    <!-- prettier-ignore -->
+    <script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})
+        ({key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_label_toggle] -->
diff --git a/dist/samples/3d-label-toggle/app/index.ts b/dist/samples/3d-label-toggle/app/index.ts
new file mode 100644
index 00000000..c61661bc
--- /dev/null
+++ b/dist/samples/3d-label-toggle/app/index.ts
@@ -0,0 +1,43 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_label_toggle]
+let map;
+async function init() {
+    const { Map3DElement, MapMode } = await google.maps.importLibrary("maps3d");
+
+    map = new Map3DElement(
+        { center: { lat: 37.79810773998413, lng: -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, }
+    );
+
+    map.mode = MapMode.SATELLITE;
+
+    document.body.append(map);
+
+    const locationCamera = {
+        center: { lat: 21.263523536467105, lng: -157.80663691939296, altitude: 80.28936069489404 },
+        range: 1500.8202963253427, tilt: 76.9173260789542, heading: -44.59196007522445,
+    };
+
+    // Get the button element by its ID
+    const toggleButton = document.getElementById('toggleButton');
+    toggleButton.addEventListener('click', function () {
+        // Toggle the labels.
+        if (map.mode == MapMode.SATELLITE) {
+            // Setting the map mode to HYBRID turns the labels on.
+            map.mode = MapMode.HYBRID;
+            document.getElementById('toggleButton').innerText = "Labels are on. (HYBRID)";
+        } else {
+            // Setting the map mode to SATELLITE turns the labels on.
+            map.mode = MapMode.SATELLITE;
+            document.getElementById('toggleButton').innerText = "Labels are off. (SATELLITE)";
+        }
+    });
+}
+
+init();
+// [END maps_3d_label_toggle]
diff --git a/dist/samples/3d-label-toggle/app/package.json b/dist/samples/3d-label-toggle/app/package.json
new file mode 100644
index 00000000..a0053086
--- /dev/null
+++ b/dist/samples/3d-label-toggle/app/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@js-api-samples/3d-label-toggle",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "tsc && bash ../jsfiddle.sh 3d-label-toggle && bash ../app.sh 3d-label-toggle && bash ../docs.sh 3d-label-toggle &&  npm run build:vite --workspace=. && bash ../dist.sh 3d-label-toggle",
+    "test": "tsc && npm run build:vite --workspace=.",
+    "start": "tsc && vite build --base './' && vite",
+    "build:vite": "vite build --base './'",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    
+  }
+}
diff --git a/dist/samples/3d-label-toggle/app/style.css b/dist/samples/3d-label-toggle/app/style.css
new file mode 100644
index 00000000..9c8246fc
--- /dev/null
+++ b/dist/samples/3d-label-toggle/app/style.css
@@ -0,0 +1,41 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_label_toggle] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+.toggleButton {
+    background: rgb(235, 235, 235);
+    color: black;
+    border: none;
+    padding: 10px 20px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 16px;
+    border-radius: 4px;
+    cursor: pointer;
+    position: fixed;
+    bottom: 10px;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 1000;
+}
+
+.toggleButton:hover {
+    background-color: #007bff;
+    color: white;
+}
+/* [END maps_3d_label_toggle] */
diff --git a/dist/samples/3d-label-toggle/app/tsconfig.json b/dist/samples/3d-label-toggle/app/tsconfig.json
new file mode 100644
index 00000000..366aabb0
--- /dev/null
+++ b/dist/samples/3d-label-toggle/app/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "target": "esnext",
+    "strict": true,
+    "noImplicitAny": false,
+    "lib": [
+      "es2015",
+      "esnext",
+      "es6",
+      "dom",
+      "dom.iterable"
+    ],
+    "moduleResolution": "Node",
+    "jsx": "preserve"
+  }
+}
diff --git a/dist/samples/3d-label-toggle/dist/assets/index-Bxt8cHJt.js b/dist/samples/3d-label-toggle/dist/assets/index-Bxt8cHJt.js
new file mode 100644
index 00000000..d6ee0a6d
--- /dev/null
+++ b/dist/samples/3d-label-toggle/dist/assets/index-Bxt8cHJt.js
@@ -0,0 +1,5 @@
+(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))c(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const r of t.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&c(r)}).observe(document,{childList:!0,subtree:!0});function s(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function c(e){if(e.ep)return;e.ep=!0;const t=s(e);fetch(e.href,t)}})();/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/let n;async function l(){const{Map3DElement:i,MapMode:o}=await google.maps.importLibrary("maps3d");n=new i({center:{lat:37.79810773998413,lng:-122.41784275049939,altitude:89.08476932205978},range:6062.016931506805,tilt:81.17100663963272,heading:-56.047035719765596}),n.mode=o.SATELLITE,document.body.append(n),document.getElementById("toggleButton").addEventListener("click",function(){n.mode==o.SATELLITE?(n.mode=o.HYBRID,document.getElementById("toggleButton").innerText="Labels are on. (HYBRID)"):(n.mode=o.SATELLITE,document.getElementById("toggleButton").innerText="Labels are off. (SATELLITE)")})}l();
diff --git a/dist/samples/3d-label-toggle/dist/assets/index-C0BqhgNC.css b/dist/samples/3d-label-toggle/dist/assets/index-C0BqhgNC.css
new file mode 100644
index 00000000..3eabd74d
--- /dev/null
+++ b/dist/samples/3d-label-toggle/dist/assets/index-C0BqhgNC.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/html,map{height:100%}body{height:100%;margin:0;padding:0}.toggleButton{background:#ebebeb;color:#000;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border-radius:4px;cursor:pointer;position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:1000}.toggleButton:hover{background-color:#007bff;color:#fff}
diff --git a/dist/samples/3d-label-toggle/dist/index.html b/dist/samples/3d-label-toggle/dist/index.html
new file mode 100644
index 00000000..856568b9
--- /dev/null
+++ b/dist/samples/3d-label-toggle/dist/index.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_label_toggle] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <script type="module" crossorigin src="./assets/index-Bxt8cHJt.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-C0BqhgNC.css">
+  </head>
+  <body>
+    <div id="map"></div>
+
+    <button class="toggleButton" id="toggleButton">Labels are off. (SATELLITE)</button>
+
+    <!-- prettier-ignore -->
+    <script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})
+        ({key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_label_toggle] -->
diff --git a/dist/samples/3d-label-toggle/docs/index.html b/dist/samples/3d-label-toggle/docs/index.html
new file mode 100644
index 00000000..e9965e3f
--- /dev/null
+++ b/dist/samples/3d-label-toggle/docs/index.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_label_toggle] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </head>
+  <body>
+    <div id="map"></div>
+
+    <button class="toggleButton" id="toggleButton">Labels are off. (SATELLITE)</button>
+
+    <!-- prettier-ignore -->
+    <script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})
+        ({key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_label_toggle] -->
diff --git a/dist/samples/3d-label-toggle/docs/index.js b/dist/samples/3d-label-toggle/docs/index.js
new file mode 100644
index 00000000..0f7e207d
--- /dev/null
+++ b/dist/samples/3d-label-toggle/docs/index.js
@@ -0,0 +1,36 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+// [START maps_3d_label_toggle]
+let map;
+async function init() {
+    const { Map3DElement, MapMode } = await google.maps.importLibrary("maps3d");
+    map = new Map3DElement({ center: { lat: 37.79810773998413, lng: -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, });
+    map.mode = MapMode.SATELLITE;
+    document.body.append(map);
+    const locationCamera = {
+        center: { lat: 21.263523536467105, lng: -157.80663691939296, altitude: 80.28936069489404 },
+        range: 1500.8202963253427, tilt: 76.9173260789542, heading: -44.59196007522445,
+    };
+    // Get the button element by its ID
+    const toggleButton = document.getElementById('toggleButton');
+    toggleButton.addEventListener('click', function () {
+        // Toggle the labels.
+        if (map.mode == MapMode.SATELLITE) {
+            // Setting the map mode to HYBRID turns the labels on.
+            map.mode = MapMode.HYBRID;
+            document.getElementById('toggleButton').innerText = "Labels are on. (HYBRID)";
+        }
+        else {
+            // Setting the map mode to SATELLITE turns the labels on.
+            map.mode = MapMode.SATELLITE;
+            document.getElementById('toggleButton').innerText = "Labels are off. (SATELLITE)";
+        }
+    });
+}
+init();
+// [END maps_3d_label_toggle]
diff --git a/dist/samples/3d-label-toggle/docs/index.ts b/dist/samples/3d-label-toggle/docs/index.ts
new file mode 100644
index 00000000..c61661bc
--- /dev/null
+++ b/dist/samples/3d-label-toggle/docs/index.ts
@@ -0,0 +1,43 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_label_toggle]
+let map;
+async function init() {
+    const { Map3DElement, MapMode } = await google.maps.importLibrary("maps3d");
+
+    map = new Map3DElement(
+        { center: { lat: 37.79810773998413, lng: -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, }
+    );
+
+    map.mode = MapMode.SATELLITE;
+
+    document.body.append(map);
+
+    const locationCamera = {
+        center: { lat: 21.263523536467105, lng: -157.80663691939296, altitude: 80.28936069489404 },
+        range: 1500.8202963253427, tilt: 76.9173260789542, heading: -44.59196007522445,
+    };
+
+    // Get the button element by its ID
+    const toggleButton = document.getElementById('toggleButton');
+    toggleButton.addEventListener('click', function () {
+        // Toggle the labels.
+        if (map.mode == MapMode.SATELLITE) {
+            // Setting the map mode to HYBRID turns the labels on.
+            map.mode = MapMode.HYBRID;
+            document.getElementById('toggleButton').innerText = "Labels are on. (HYBRID)";
+        } else {
+            // Setting the map mode to SATELLITE turns the labels on.
+            map.mode = MapMode.SATELLITE;
+            document.getElementById('toggleButton').innerText = "Labels are off. (SATELLITE)";
+        }
+    });
+}
+
+init();
+// [END maps_3d_label_toggle]
diff --git a/dist/samples/3d-label-toggle/docs/style.css b/dist/samples/3d-label-toggle/docs/style.css
new file mode 100644
index 00000000..9c8246fc
--- /dev/null
+++ b/dist/samples/3d-label-toggle/docs/style.css
@@ -0,0 +1,41 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_label_toggle] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+.toggleButton {
+    background: rgb(235, 235, 235);
+    color: black;
+    border: none;
+    padding: 10px 20px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 16px;
+    border-radius: 4px;
+    cursor: pointer;
+    position: fixed;
+    bottom: 10px;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 1000;
+}
+
+.toggleButton:hover {
+    background-color: #007bff;
+    color: white;
+}
+/* [END maps_3d_label_toggle] */
diff --git a/dist/samples/3d-label-toggle/jsfiddle/demo.css b/dist/samples/3d-label-toggle/jsfiddle/demo.css
new file mode 100644
index 00000000..c9ba50cd
--- /dev/null
+++ b/dist/samples/3d-label-toggle/jsfiddle/demo.css
@@ -0,0 +1,41 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+.toggleButton {
+    background: rgb(235, 235, 235);
+    color: black;
+    border: none;
+    padding: 10px 20px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 16px;
+    border-radius: 4px;
+    cursor: pointer;
+    position: fixed;
+    bottom: 10px;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 1000;
+}
+
+.toggleButton:hover {
+    background-color: #007bff;
+    color: white;
+}
+
diff --git a/dist/samples/3d-label-toggle/jsfiddle/demo.details b/dist/samples/3d-label-toggle/jsfiddle/demo.details
new file mode 100644
index 00000000..1e3eeb1f
--- /dev/null
+++ b/dist/samples/3d-label-toggle/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: 3d-label-toggle
+authors:
+  - Geo Developer IX Documentation Team
+tags:
+  - google maps
+load_type: h
+description: Sample code supporting Google Maps Platform JavaScript API documentation.
diff --git a/dist/samples/3d-label-toggle/jsfiddle/demo.html b/dist/samples/3d-label-toggle/jsfiddle/demo.html
new file mode 100644
index 00000000..36f501c5
--- /dev/null
+++ b/dist/samples/3d-label-toggle/jsfiddle/demo.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </head>
+  <body>
+    <div id="map"></div>
+
+    <button class="toggleButton" id="toggleButton">Labels are off. (SATELLITE)</button>
+
+    <!-- prettier-ignore -->
+    <script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})
+        ({key: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+
diff --git a/dist/samples/3d-label-toggle/jsfiddle/demo.js b/dist/samples/3d-label-toggle/jsfiddle/demo.js
new file mode 100644
index 00000000..130f4ef1
--- /dev/null
+++ b/dist/samples/3d-label-toggle/jsfiddle/demo.js
@@ -0,0 +1,36 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+
+let map;
+async function init() {
+    const { Map3DElement, MapMode } = await google.maps.importLibrary("maps3d");
+    map = new Map3DElement({ center: { lat: 37.79810773998413, lng: -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, });
+    map.mode = MapMode.SATELLITE;
+    document.body.append(map);
+    const locationCamera = {
+        center: { lat: 21.263523536467105, lng: -157.80663691939296, altitude: 80.28936069489404 },
+        range: 1500.8202963253427, tilt: 76.9173260789542, heading: -44.59196007522445,
+    };
+    // Get the button element by its ID
+    const toggleButton = document.getElementById('toggleButton');
+    toggleButton.addEventListener('click', function () {
+        // Toggle the labels.
+        if (map.mode == MapMode.SATELLITE) {
+            // Setting the map mode to HYBRID turns the labels on.
+            map.mode = MapMode.HYBRID;
+            document.getElementById('toggleButton').innerText = "Labels are on. (HYBRID)";
+        }
+        else {
+            // Setting the map mode to SATELLITE turns the labels on.
+            map.mode = MapMode.SATELLITE;
+            document.getElementById('toggleButton').innerText = "Labels are off. (SATELLITE)";
+        }
+    });
+}
+init();
+
diff --git a/dist/samples/3d-marker-click-event/app/.eslintsrc.json b/dist/samples/3d-marker-click-event/app/.eslintsrc.json
new file mode 100644
index 00000000..4c44dab0
--- /dev/null
+++ b/dist/samples/3d-marker-click-event/app/.eslintsrc.json
@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "rules": {
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/no-this-alias": 1,
+    "@typescript-eslint/no-empty-function": 1,
+    "@typescript-eslint/explicit-module-boundary-types": 1,
+    "@typescript-eslint/no-unused-vars": 1
+  }
+}
diff --git a/dist/samples/3d-marker-click-event/app/index.html b/dist/samples/3d-marker-click-event/app/index.html
new file mode 100644
index 00000000..716ed960
--- /dev/null
+++ b/dist/samples/3d-marker-click-event/app/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_marker_click_event] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_marker_click_event] -->
diff --git a/dist/samples/3d-marker-click-event/app/index.ts b/dist/samples/3d-marker-click-event/app/index.ts
new file mode 100644
index 00000000..a089a25e
--- /dev/null
+++ b/dist/samples/3d-marker-click-event/app/index.ts
@@ -0,0 +1,46 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_marker_click_event]
+async function initMap() {
+    // Include the interactive marker class
+    const { Map3DElement, Marker3DInteractiveElement } = await google.maps.importLibrary("maps3d");
+
+    // We will use this to place the camrea for the intial view but also to fly around the starting point.
+    const originalCamera = {
+        center: { lat: 39.1178, lng: -106.4452, altitude: 4395.4952 }, range: 1500, tilt: 74, heading: 0
+    };
+
+    const map = new Map3DElement({
+        ...originalCamera,
+        mode: "SATELLITE",
+    });
+
+    // Create the interactive marker and set the attributes.
+    const interactiveMarker = new Marker3DInteractiveElement({
+        position: { lat: 39.1178, lng: -106.4452, altitude: 100 },
+        altitudeMode: "RELATIVE_TO_MESH",
+        extruded: true,
+        label: "Mount Elbert"
+    });
+
+    // Specify the action to take on click.
+    interactiveMarker.addEventListener('gmp-click', (event) => {
+        map.flyCameraAround({
+            camera: originalCamera,
+            durationMillis: 50000,
+            rounds: 1
+        });
+    });
+
+    map.append(interactiveMarker);
+
+    document.body.append(map);
+}
+
+initMap();
+// [END maps_3d_marker_click_event]
diff --git a/dist/samples/3d-marker-click-event/app/package.json b/dist/samples/3d-marker-click-event/app/package.json
new file mode 100644
index 00000000..b11b291f
--- /dev/null
+++ b/dist/samples/3d-marker-click-event/app/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@js-api-samples/3d-marker-click-event",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "tsc && bash ../jsfiddle.sh 3d-marker-click-event && bash ../app.sh 3d-marker-click-event && bash ../docs.sh 3d-marker-click-event &&  npm run build:vite --workspace=. && bash ../dist.sh 3d-marker-click-event",
+    "test": "tsc && npm run build:vite --workspace=.",
+    "start": "tsc && vite build --base './' && vite",
+    "build:vite": "vite build --base './'",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    
+  }
+}
diff --git a/dist/samples/3d-marker-click-event/app/style.css b/dist/samples/3d-marker-click-event/app/style.css
new file mode 100644
index 00000000..b6434892
--- /dev/null
+++ b/dist/samples/3d-marker-click-event/app/style.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_marker_click_event] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+/* [END maps_3d_marker_click_event] */
diff --git a/dist/samples/3d-marker-click-event/app/tsconfig.json b/dist/samples/3d-marker-click-event/app/tsconfig.json
new file mode 100644
index 00000000..366aabb0
--- /dev/null
+++ b/dist/samples/3d-marker-click-event/app/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "target": "esnext",
+    "strict": true,
+    "noImplicitAny": false,
+    "lib": [
+      "es2015",
+      "esnext",
+      "es6",
+      "dom",
+      "dom.iterable"
+    ],
+    "moduleResolution": "Node",
+    "jsx": "preserve"
+  }
+}
diff --git a/dist/samples/3d-marker-click-event/dist/assets/index-Cg9EHWrZ.js b/dist/samples/3d-marker-click-event/dist/assets/index-Cg9EHWrZ.js
new file mode 100644
index 00000000..f628b387
--- /dev/null
+++ b/dist/samples/3d-marker-click-event/dist/assets/index-Cg9EHWrZ.js
@@ -0,0 +1,5 @@
+(function(){const n=document.createElement("link").relList;if(n&&n.supports&&n.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const i of t.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&r(i)}).observe(document,{childList:!0,subtree:!0});function o(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function r(e){if(e.ep)return;e.ep=!0;const t=o(e);fetch(e.href,t)}})();/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/async function s(){const{Map3DElement:a,Marker3DInteractiveElement:n}=await google.maps.importLibrary("maps3d"),o={center:{lat:39.1178,lng:-106.4452,altitude:4395.4952},range:1500,tilt:74,heading:0},r=new a({...o,mode:"SATELLITE"}),e=new n({position:{lat:39.1178,lng:-106.4452,altitude:100},altitudeMode:"RELATIVE_TO_MESH",extruded:!0,label:"Mount Elbert"});e.addEventListener("gmp-click",t=>{r.flyCameraAround({camera:o,durationMillis:5e4,rounds:1})}),r.append(e),document.body.append(r)}s();
diff --git a/dist/samples/3d-marker-click-event/dist/assets/index-DDwKyjRS.css b/dist/samples/3d-marker-click-event/dist/assets/index-DDwKyjRS.css
new file mode 100644
index 00000000..af40d498
--- /dev/null
+++ b/dist/samples/3d-marker-click-event/dist/assets/index-DDwKyjRS.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/html,map{height:100%}body{height:100%;margin:0;padding:0}
diff --git a/dist/samples/3d-marker-click-event/dist/index.html b/dist/samples/3d-marker-click-event/dist/index.html
new file mode 100644
index 00000000..7aaef7e2
--- /dev/null
+++ b/dist/samples/3d-marker-click-event/dist/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_marker_click_event] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <script type="module" crossorigin src="./assets/index-Cg9EHWrZ.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-DDwKyjRS.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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_marker_click_event] -->
diff --git a/dist/samples/3d-marker-click-event/docs/index.html b/dist/samples/3d-marker-click-event/docs/index.html
new file mode 100644
index 00000000..716ed960
--- /dev/null
+++ b/dist/samples/3d-marker-click-event/docs/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_marker_click_event] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_marker_click_event] -->
diff --git a/dist/samples/3d-marker-click-event/docs/index.js b/dist/samples/3d-marker-click-event/docs/index.js
new file mode 100644
index 00000000..32c3eebe
--- /dev/null
+++ b/dist/samples/3d-marker-click-event/docs/index.js
@@ -0,0 +1,39 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+// [START maps_3d_marker_click_event]
+async function initMap() {
+    // Include the interactive marker class
+    const { Map3DElement, Marker3DInteractiveElement } = await google.maps.importLibrary("maps3d");
+    // We will use this to place the camrea for the intial view but also to fly around the starting point.
+    const originalCamera = {
+        center: { lat: 39.1178, lng: -106.4452, altitude: 4395.4952 }, range: 1500, tilt: 74, heading: 0
+    };
+    const map = new Map3DElement({
+        ...originalCamera,
+        mode: "SATELLITE",
+    });
+    // Create the interactive marker and set the attributes.
+    const interactiveMarker = new Marker3DInteractiveElement({
+        position: { lat: 39.1178, lng: -106.4452, altitude: 100 },
+        altitudeMode: "RELATIVE_TO_MESH",
+        extruded: true,
+        label: "Mount Elbert"
+    });
+    // Specify the action to take on click.
+    interactiveMarker.addEventListener('gmp-click', (event) => {
+        map.flyCameraAround({
+            camera: originalCamera,
+            durationMillis: 50000,
+            rounds: 1
+        });
+    });
+    map.append(interactiveMarker);
+    document.body.append(map);
+}
+initMap();
+// [END maps_3d_marker_click_event]
diff --git a/dist/samples/3d-marker-click-event/docs/index.ts b/dist/samples/3d-marker-click-event/docs/index.ts
new file mode 100644
index 00000000..a089a25e
--- /dev/null
+++ b/dist/samples/3d-marker-click-event/docs/index.ts
@@ -0,0 +1,46 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_marker_click_event]
+async function initMap() {
+    // Include the interactive marker class
+    const { Map3DElement, Marker3DInteractiveElement } = await google.maps.importLibrary("maps3d");
+
+    // We will use this to place the camrea for the intial view but also to fly around the starting point.
+    const originalCamera = {
+        center: { lat: 39.1178, lng: -106.4452, altitude: 4395.4952 }, range: 1500, tilt: 74, heading: 0
+    };
+
+    const map = new Map3DElement({
+        ...originalCamera,
+        mode: "SATELLITE",
+    });
+
+    // Create the interactive marker and set the attributes.
+    const interactiveMarker = new Marker3DInteractiveElement({
+        position: { lat: 39.1178, lng: -106.4452, altitude: 100 },
+        altitudeMode: "RELATIVE_TO_MESH",
+        extruded: true,
+        label: "Mount Elbert"
+    });
+
+    // Specify the action to take on click.
+    interactiveMarker.addEventListener('gmp-click', (event) => {
+        map.flyCameraAround({
+            camera: originalCamera,
+            durationMillis: 50000,
+            rounds: 1
+        });
+    });
+
+    map.append(interactiveMarker);
+
+    document.body.append(map);
+}
+
+initMap();
+// [END maps_3d_marker_click_event]
diff --git a/dist/samples/3d-marker-click-event/docs/style.css b/dist/samples/3d-marker-click-event/docs/style.css
new file mode 100644
index 00000000..b6434892
--- /dev/null
+++ b/dist/samples/3d-marker-click-event/docs/style.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_marker_click_event] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+/* [END maps_3d_marker_click_event] */
diff --git a/dist/samples/3d-marker-click-event/jsfiddle/demo.css b/dist/samples/3d-marker-click-event/jsfiddle/demo.css
new file mode 100644
index 00000000..a74f30bc
--- /dev/null
+++ b/dist/samples/3d-marker-click-event/jsfiddle/demo.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
diff --git a/dist/samples/3d-marker-click-event/jsfiddle/demo.details b/dist/samples/3d-marker-click-event/jsfiddle/demo.details
new file mode 100644
index 00000000..cb06f0b2
--- /dev/null
+++ b/dist/samples/3d-marker-click-event/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: 3d-marker-click-event
+authors:
+  - Geo Developer IX Documentation Team
+tags:
+  - google maps
+load_type: h
+description: Sample code supporting Google Maps Platform JavaScript API documentation.
diff --git a/dist/samples/3d-marker-click-event/jsfiddle/demo.html b/dist/samples/3d-marker-click-event/jsfiddle/demo.html
new file mode 100644
index 00000000..0bf9e340
--- /dev/null
+++ b/dist/samples/3d-marker-click-event/jsfiddle/demo.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+
diff --git a/dist/samples/3d-marker-click-event/jsfiddle/demo.js b/dist/samples/3d-marker-click-event/jsfiddle/demo.js
new file mode 100644
index 00000000..88492599
--- /dev/null
+++ b/dist/samples/3d-marker-click-event/jsfiddle/demo.js
@@ -0,0 +1,39 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+
+async function initMap() {
+    // Include the interactive marker class
+    const { Map3DElement, Marker3DInteractiveElement } = await google.maps.importLibrary("maps3d");
+    // We will use this to place the camrea for the intial view but also to fly around the starting point.
+    const originalCamera = {
+        center: { lat: 39.1178, lng: -106.4452, altitude: 4395.4952 }, range: 1500, tilt: 74, heading: 0
+    };
+    const map = new Map3DElement({
+        ...originalCamera,
+        mode: "SATELLITE",
+    });
+    // Create the interactive marker and set the attributes.
+    const interactiveMarker = new Marker3DInteractiveElement({
+        position: { lat: 39.1178, lng: -106.4452, altitude: 100 },
+        altitudeMode: "RELATIVE_TO_MESH",
+        extruded: true,
+        label: "Mount Elbert"
+    });
+    // Specify the action to take on click.
+    interactiveMarker.addEventListener('gmp-click', (event) => {
+        map.flyCameraAround({
+            camera: originalCamera,
+            durationMillis: 50000,
+            rounds: 1
+        });
+    });
+    map.append(interactiveMarker);
+    document.body.append(map);
+}
+initMap();
+
diff --git a/dist/samples/3d-marker-customization/app/index.html b/dist/samples/3d-marker-customization/app/index.html
index a0bb187a..6f1d7539 100644
--- a/dist/samples/3d-marker-customization/app/index.html
+++ b/dist/samples/3d-marker-customization/app/index.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_marker_customization] -->
 <html>
   <head>
diff --git a/dist/samples/3d-marker-customization/app/index.ts b/dist/samples/3d-marker-customization/app/index.ts
index 1bbb13a7..f0387863 100644
--- a/dist/samples/3d-marker-customization/app/index.ts
+++ b/dist/samples/3d-marker-customization/app/index.ts
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 
 // @ts-nocheck
diff --git a/dist/samples/3d-marker-customization/app/style.css b/dist/samples/3d-marker-customization/app/style.css
index 11426034..efbeb555 100644
--- a/dist/samples/3d-marker-customization/app/style.css
+++ b/dist/samples/3d-marker-customization/app/style.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 /* [START maps_3d_marker_customization] */
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-marker-customization/dist/assets/index-BVXE32j3.css b/dist/samples/3d-marker-customization/dist/assets/index-BVXE32j3.css
deleted file mode 100644
index 3665d7a5..00000000
--- a/dist/samples/3d-marker-customization/dist/assets/index-BVXE32j3.css
+++ /dev/null
@@ -1 +0,0 @@
-html,map{height:100%}body{height:100%;margin:0;padding:0}
diff --git a/dist/samples/3d-marker-customization/dist/assets/index-Cd934Slk.js b/dist/samples/3d-marker-customization/dist/assets/index-Cd934Slk.js
new file mode 100644
index 00000000..2bf35921
--- /dev/null
+++ b/dist/samples/3d-marker-customization/dist/assets/index-Cd934Slk.js
@@ -0,0 +1,5 @@
+(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))n(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const i of t.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&n(i)}).observe(document,{childList:!0,subtree:!0});function r(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function n(e){if(e.ep)return;e.ep=!0;const t=r(e);fetch(e.href,t)}})();/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/async function y(){const{Map3DElement:l,Marker3DElement:o}=await google.maps.importLibrary("maps3d"),{PinElement:r}=await google.maps.importLibrary("marker"),n=new l({center:{lat:37.4176,lng:-122.02,altitude:0},tilt:67.5,range:7e3,mode:"HYBRID"});n.mode="SATELLITE";const e=new r({borderColor:"#FFFFFF"}),t=new o({position:{lat:37.415,lng:-122.035}});t.append(e);const i=new o({position:{lat:37.419,lng:-122.03},label:"Simple label"}),u=new r({scale:1.5}),p=new o({position:{lat:37.419,lng:-122.02}});p.append(u);const m=new r({glyphColor:"white"}),a=new o({position:{lat:37.415,lng:-122.025}});a.append(m);const g=new r({background:"#F0F6FC",glyph:"E",glyphColor:"red",borderColor:"#0000FF"}),s=new o({position:{lat:37.415,lng:-122.015,altitude:50},extruded:!0,altitudeMode:"RELATIVE_TO_GROUND"});s.append(g);const f=new r({glyph:""}),c=new o({position:{lat:37.415,lng:-122.005}});c.append(f);const h=new r({background:"#FBBC04"}),d=new o({position:{lat:37.419,lng:-122.01}});d.append(h),n.append(i),n.append(p),n.append(d),n.append(t),n.append(a),n.append(s),n.append(c),document.body.append(n)}y();
diff --git a/dist/samples/3d-marker-customization/dist/assets/index-DDwKyjRS.css b/dist/samples/3d-marker-customization/dist/assets/index-DDwKyjRS.css
new file mode 100644
index 00000000..af40d498
--- /dev/null
+++ b/dist/samples/3d-marker-customization/dist/assets/index-DDwKyjRS.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/html,map{height:100%}body{height:100%;margin:0;padding:0}
diff --git a/dist/samples/3d-marker-customization/dist/assets/index-nXcaER2-.js b/dist/samples/3d-marker-customization/dist/assets/index-nXcaER2-.js
deleted file mode 100644
index 1cc79efb..00000000
--- a/dist/samples/3d-marker-customization/dist/assets/index-nXcaER2-.js
+++ /dev/null
@@ -1 +0,0 @@
-(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))n(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const i of t.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&n(i)}).observe(document,{childList:!0,subtree:!0});function r(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function n(e){if(e.ep)return;e.ep=!0;const t=r(e);fetch(e.href,t)}})();async function y(){const{Map3DElement:l,Marker3DElement:o}=await google.maps.importLibrary("maps3d"),{PinElement:r}=await google.maps.importLibrary("marker"),n=new l({center:{lat:37.4176,lng:-122.02,altitude:0},tilt:67.5,range:7e3,mode:"HYBRID"});n.mode="SATELLITE";const e=new r({borderColor:"#FFFFFF"}),t=new o({position:{lat:37.415,lng:-122.035}});t.append(e);const i=new o({position:{lat:37.419,lng:-122.03},label:"Simple label"}),u=new r({scale:1.5}),p=new o({position:{lat:37.419,lng:-122.02}});p.append(u);const m=new r({glyphColor:"white"}),a=new o({position:{lat:37.415,lng:-122.025}});a.append(m);const g=new r({background:"#F0F6FC",glyph:"E",glyphColor:"red",borderColor:"#0000FF"}),s=new o({position:{lat:37.415,lng:-122.015,altitude:50},extruded:!0,altitudeMode:"RELATIVE_TO_GROUND"});s.append(g);const f=new r({glyph:""}),c=new o({position:{lat:37.415,lng:-122.005}});c.append(f);const h=new r({background:"#FBBC04"}),d=new o({position:{lat:37.419,lng:-122.01}});d.append(h),n.append(i),n.append(p),n.append(d),n.append(t),n.append(a),n.append(s),n.append(c),document.body.append(n)}y();
diff --git a/dist/samples/3d-marker-customization/dist/index.html b/dist/samples/3d-marker-customization/dist/index.html
index 6d1b95b2..f979c17f 100644
--- a/dist/samples/3d-marker-customization/dist/index.html
+++ b/dist/samples/3d-marker-customization/dist/index.html
@@ -1,11 +1,16 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_marker_customization] -->
 <html>
   <head>
     <title>Map</title>
 
-    <script type="module" crossorigin src="./assets/index-nXcaER2-.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-BVXE32j3.css">
+    <script type="module" crossorigin src="./assets/index-Cd934Slk.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-DDwKyjRS.css">
   </head>
   <body>
     <div id="map"></div>
diff --git a/dist/samples/3d-marker-customization/docs/index.html b/dist/samples/3d-marker-customization/docs/index.html
index a0bb187a..6f1d7539 100644
--- a/dist/samples/3d-marker-customization/docs/index.html
+++ b/dist/samples/3d-marker-customization/docs/index.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_marker_customization] -->
 <html>
   <head>
diff --git a/dist/samples/3d-marker-customization/docs/index.js b/dist/samples/3d-marker-customization/docs/index.js
index 12290ad2..e800f61a 100644
--- a/dist/samples/3d-marker-customization/docs/index.js
+++ b/dist/samples/3d-marker-customization/docs/index.js
@@ -1,16 +1,8 @@
 "use strict";
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 // @ts-nocheck
 // [START maps_3d_marker_customization]
diff --git a/dist/samples/3d-marker-customization/docs/index.ts b/dist/samples/3d-marker-customization/docs/index.ts
index 1bbb13a7..f0387863 100644
--- a/dist/samples/3d-marker-customization/docs/index.ts
+++ b/dist/samples/3d-marker-customization/docs/index.ts
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 
 // @ts-nocheck
diff --git a/dist/samples/3d-marker-customization/docs/style.css b/dist/samples/3d-marker-customization/docs/style.css
index 11426034..efbeb555 100644
--- a/dist/samples/3d-marker-customization/docs/style.css
+++ b/dist/samples/3d-marker-customization/docs/style.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 /* [START maps_3d_marker_customization] */
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-marker-customization/jsfiddle/demo.css b/dist/samples/3d-marker-customization/jsfiddle/demo.css
index 29ec0785..a74f30bc 100644
--- a/dist/samples/3d-marker-customization/jsfiddle/demo.css
+++ b/dist/samples/3d-marker-customization/jsfiddle/demo.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-marker-customization/jsfiddle/demo.html b/dist/samples/3d-marker-customization/jsfiddle/demo.html
index 9cde5716..63ff57c6 100644
--- a/dist/samples/3d-marker-customization/jsfiddle/demo.html
+++ b/dist/samples/3d-marker-customization/jsfiddle/demo.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 
 <html>
   <head>
diff --git a/dist/samples/3d-marker-customization/jsfiddle/demo.js b/dist/samples/3d-marker-customization/jsfiddle/demo.js
index fc5bc2cd..aaa05266 100644
--- a/dist/samples/3d-marker-customization/jsfiddle/demo.js
+++ b/dist/samples/3d-marker-customization/jsfiddle/demo.js
@@ -1,16 +1,8 @@
 "use strict";
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 // @ts-nocheck
 
diff --git a/dist/samples/3d-marker-interactive/app/.eslintsrc.json b/dist/samples/3d-marker-interactive/app/.eslintsrc.json
new file mode 100644
index 00000000..4c44dab0
--- /dev/null
+++ b/dist/samples/3d-marker-interactive/app/.eslintsrc.json
@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "rules": {
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/no-this-alias": 1,
+    "@typescript-eslint/no-empty-function": 1,
+    "@typescript-eslint/explicit-module-boundary-types": 1,
+    "@typescript-eslint/no-unused-vars": 1
+  }
+}
diff --git a/dist/samples/3d-marker-interactive/app/index.html b/dist/samples/3d-marker-interactive/app/index.html
new file mode 100644
index 00000000..22ced725
--- /dev/null
+++ b/dist/samples/3d-marker-interactive/app/index.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_marker_interactive] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </head>
+  <body>
+    <div id="map"></div>
+    
+    <div class="textContainer">
+        <div class="text">Click on a marker to get the name of the Google Office.</div>
+    </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_marker_interactive] -->
diff --git a/dist/samples/3d-marker-interactive/app/index.ts b/dist/samples/3d-marker-interactive/app/index.ts
new file mode 100644
index 00000000..81fad67f
--- /dev/null
+++ b/dist/samples/3d-marker-interactive/app/index.ts
@@ -0,0 +1,84 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_marker_interactive]
+async function init() {
+    // Request needed libraries.
+    const { Map3DElement, Marker3DInteractiveElement, PopoverElement } = await google.maps.importLibrary("maps3d");
+
+    const map = new Map3DElement({
+        center: { lat: 37.4690, lng: -122.1074, altitude: 0 },
+        tilt: 67.5,
+        range: 45000,
+        mode: 'HYBRID'
+    });
+
+    map.mode = "SATELLITE";
+
+    for (const position of positions) {
+        const popover = new PopoverElement({
+            open: true,
+        });
+
+        popover.append(position.name);
+
+        const interactiveMarker = new Marker3DInteractiveElement({
+            position,
+            gmpPopoverTargetElement: popover
+        });
+
+        map.append(interactiveMarker);
+        map.append(popover);
+    }
+
+    document.body.append(map);
+}
+
+const positions = [{
+    lat: 37.50981071450543,
+    lng:  -122.20280629839084,
+    name: "Google Redwood City",
+}, {
+    lat: 37.423897572754754, 
+    lng: -122.09167346506989,
+    name: "Google West Campus",
+}, {
+    lat: 37.42333982824077, 
+    lng: -122.06647571637265,
+    name: "Google Bay View",
+}, {
+    lat: 37.42193728115661, 
+    lng: -122.08531908774293,
+    name: "Googleplex",
+}, {
+    lat: 37.39982552146971,
+    lng:  -122.057934225745,
+    name: "Google Quad Campus",
+}, {
+    lat: 37.40317922575345, 
+    lng: -122.03276863941647,
+    name: "Google Tech Corners",
+}, {
+    lat: 37.41181058680138, 
+    lng: -121.9538960231151,
+    name: "Google San Jose",
+}, {
+    lat: 37.62759428242346, 
+    lng: -122.42615377188994,
+    name: "Google San Bruno",
+}, {
+    lat: 37.40369749797231, 
+    lng: -122.14812537955007,
+    name: "Google Palo Alto",
+}, {
+    lat: 37.793664664297964,
+    lng: -122.39504580413139,
+    name: "Google San Francisco",
+}];
+
+init();
+// [END maps_3d_marker_interactive]
diff --git a/dist/samples/3d-marker-interactive/app/package.json b/dist/samples/3d-marker-interactive/app/package.json
new file mode 100644
index 00000000..d70799ff
--- /dev/null
+++ b/dist/samples/3d-marker-interactive/app/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@js-api-samples/3d-marker-interactive",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "tsc && bash ../jsfiddle.sh 3d-marker-interactive && bash ../app.sh 3d-marker-interactive && bash ../docs.sh 3d-marker-interactive &&  npm run build:vite --workspace=. && bash ../dist.sh 3d-marker-interactive",
+    "test": "tsc && npm run build:vite --workspace=.",
+    "start": "tsc && vite build --base './' && vite",
+    "build:vite": "vite build --base './'",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    
+  }
+}
diff --git a/dist/samples/3d-marker-interactive/app/style.css b/dist/samples/3d-marker-interactive/app/style.css
new file mode 100644
index 00000000..ef9f6866
--- /dev/null
+++ b/dist/samples/3d-marker-interactive/app/style.css
@@ -0,0 +1,40 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_marker_interactive] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+.textContainer {
+    background-color: #4d90fe;
+    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
+    margin: 10px;
+    font: 400 18px Roboto, Arial, sans-serif;
+    overflow: hidden;
+    position: absolute;
+    left: 50%;
+    bottom: 5px;
+    transform: translateX(-50%);
+    border: 1px solid white;
+    border-radius: 2px;
+    padding: 5px;
+    z-index: 1000;
+}
+
+.text {
+    color: white;
+    font-size: 1em;
+    text-align: center;
+}
+/* [END maps_3d_marker_interactive] */
diff --git a/dist/samples/3d-marker-interactive/app/tsconfig.json b/dist/samples/3d-marker-interactive/app/tsconfig.json
new file mode 100644
index 00000000..366aabb0
--- /dev/null
+++ b/dist/samples/3d-marker-interactive/app/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "target": "esnext",
+    "strict": true,
+    "noImplicitAny": false,
+    "lib": [
+      "es2015",
+      "esnext",
+      "es6",
+      "dom",
+      "dom.iterable"
+    ],
+    "moduleResolution": "Node",
+    "jsx": "preserve"
+  }
+}
diff --git a/dist/samples/3d-marker-interactive/dist/assets/index-BgUP5zBW.js b/dist/samples/3d-marker-interactive/dist/assets/index-BgUP5zBW.js
new file mode 100644
index 00000000..6f3f8adf
--- /dev/null
+++ b/dist/samples/3d-marker-interactive/dist/assets/index-BgUP5zBW.js
@@ -0,0 +1,5 @@
+(function(){const n=document.createElement("link").relList;if(n&&n.supports&&n.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))t(e);new MutationObserver(e=>{for(const o of e)if(o.type==="childList")for(const r of o.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&t(r)}).observe(document,{childList:!0,subtree:!0});function l(e){const o={};return e.integrity&&(o.integrity=e.integrity),e.referrerPolicy&&(o.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?o.credentials="include":e.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function t(e){if(e.ep)return;e.ep=!0;const o=l(e);fetch(e.href,o)}})();/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/async function i(){const{Map3DElement:a,Marker3DInteractiveElement:n,PopoverElement:l}=await google.maps.importLibrary("maps3d"),t=new a({center:{lat:37.469,lng:-122.1074,altitude:0},tilt:67.5,range:45e3,mode:"HYBRID"});t.mode="SATELLITE";for(const e of s){const o=new l({open:!0});o.append(e.name);const r=new n({position:e,gmpPopoverTargetElement:o});t.append(r),t.append(o)}document.body.append(t)}const s=[{lat:37.50981071450543,lng:-122.20280629839084,name:"Google Redwood City"},{lat:37.423897572754754,lng:-122.09167346506989,name:"Google West Campus"},{lat:37.42333982824077,lng:-122.06647571637265,name:"Google Bay View"},{lat:37.42193728115661,lng:-122.08531908774293,name:"Googleplex"},{lat:37.39982552146971,lng:-122.057934225745,name:"Google Quad Campus"},{lat:37.40317922575345,lng:-122.03276863941647,name:"Google Tech Corners"},{lat:37.41181058680138,lng:-121.9538960231151,name:"Google San Jose"},{lat:37.62759428242346,lng:-122.42615377188994,name:"Google San Bruno"},{lat:37.40369749797231,lng:-122.14812537955007,name:"Google Palo Alto"},{lat:37.793664664297964,lng:-122.39504580413139,name:"Google San Francisco"}];i();
diff --git a/dist/samples/3d-marker-interactive/dist/assets/index-l3uqddrY.css b/dist/samples/3d-marker-interactive/dist/assets/index-l3uqddrY.css
new file mode 100644
index 00000000..e6150e5b
--- /dev/null
+++ b/dist/samples/3d-marker-interactive/dist/assets/index-l3uqddrY.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/html,map{height:100%}body{height:100%;margin:0;padding:0}.textContainer{background-color:#4d90fe;box-shadow:0 1px 4px -1px #0000004d;margin:10px;font:400 18px Roboto,Arial,sans-serif;overflow:hidden;position:absolute;left:50%;bottom:5px;transform:translate(-50%);border:1px solid white;border-radius:2px;padding:5px;z-index:1000}.text{color:#fff;font-size:1em;text-align:center}
diff --git a/dist/samples/3d-marker-interactive/dist/index.html b/dist/samples/3d-marker-interactive/dist/index.html
new file mode 100644
index 00000000..bad9408d
--- /dev/null
+++ b/dist/samples/3d-marker-interactive/dist/index.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_marker_interactive] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <script type="module" crossorigin src="./assets/index-BgUP5zBW.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-l3uqddrY.css">
+  </head>
+  <body>
+    <div id="map"></div>
+    
+    <div class="textContainer">
+        <div class="text">Click on a marker to get the name of the Google Office.</div>
+    </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_marker_interactive] -->
diff --git a/dist/samples/3d-marker-interactive/docs/index.html b/dist/samples/3d-marker-interactive/docs/index.html
new file mode 100644
index 00000000..22ced725
--- /dev/null
+++ b/dist/samples/3d-marker-interactive/docs/index.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_marker_interactive] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </head>
+  <body>
+    <div id="map"></div>
+    
+    <div class="textContainer">
+        <div class="text">Click on a marker to get the name of the Google Office.</div>
+    </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_marker_interactive] -->
diff --git a/dist/samples/3d-marker-interactive/docs/index.js b/dist/samples/3d-marker-interactive/docs/index.js
new file mode 100644
index 00000000..5edb8b47
--- /dev/null
+++ b/dist/samples/3d-marker-interactive/docs/index.js
@@ -0,0 +1,75 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+// [START maps_3d_marker_interactive]
+async function init() {
+    // Request needed libraries.
+    const { Map3DElement, Marker3DInteractiveElement, PopoverElement } = await google.maps.importLibrary("maps3d");
+    const map = new Map3DElement({
+        center: { lat: 37.4690, lng: -122.1074, altitude: 0 },
+        tilt: 67.5,
+        range: 45000,
+        mode: 'HYBRID'
+    });
+    map.mode = "SATELLITE";
+    for (const position of positions) {
+        const popover = new PopoverElement({
+            open: true,
+        });
+        popover.append(position.name);
+        const interactiveMarker = new Marker3DInteractiveElement({
+            position,
+            gmpPopoverTargetElement: popover
+        });
+        map.append(interactiveMarker);
+        map.append(popover);
+    }
+    document.body.append(map);
+}
+const positions = [{
+        lat: 37.50981071450543,
+        lng: -122.20280629839084,
+        name: "Google Redwood City",
+    }, {
+        lat: 37.423897572754754,
+        lng: -122.09167346506989,
+        name: "Google West Campus",
+    }, {
+        lat: 37.42333982824077,
+        lng: -122.06647571637265,
+        name: "Google Bay View",
+    }, {
+        lat: 37.42193728115661,
+        lng: -122.08531908774293,
+        name: "Googleplex",
+    }, {
+        lat: 37.39982552146971,
+        lng: -122.057934225745,
+        name: "Google Quad Campus",
+    }, {
+        lat: 37.40317922575345,
+        lng: -122.03276863941647,
+        name: "Google Tech Corners",
+    }, {
+        lat: 37.41181058680138,
+        lng: -121.9538960231151,
+        name: "Google San Jose",
+    }, {
+        lat: 37.62759428242346,
+        lng: -122.42615377188994,
+        name: "Google San Bruno",
+    }, {
+        lat: 37.40369749797231,
+        lng: -122.14812537955007,
+        name: "Google Palo Alto",
+    }, {
+        lat: 37.793664664297964,
+        lng: -122.39504580413139,
+        name: "Google San Francisco",
+    }];
+init();
+// [END maps_3d_marker_interactive]
diff --git a/dist/samples/3d-marker-interactive/docs/index.ts b/dist/samples/3d-marker-interactive/docs/index.ts
new file mode 100644
index 00000000..81fad67f
--- /dev/null
+++ b/dist/samples/3d-marker-interactive/docs/index.ts
@@ -0,0 +1,84 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_marker_interactive]
+async function init() {
+    // Request needed libraries.
+    const { Map3DElement, Marker3DInteractiveElement, PopoverElement } = await google.maps.importLibrary("maps3d");
+
+    const map = new Map3DElement({
+        center: { lat: 37.4690, lng: -122.1074, altitude: 0 },
+        tilt: 67.5,
+        range: 45000,
+        mode: 'HYBRID'
+    });
+
+    map.mode = "SATELLITE";
+
+    for (const position of positions) {
+        const popover = new PopoverElement({
+            open: true,
+        });
+
+        popover.append(position.name);
+
+        const interactiveMarker = new Marker3DInteractiveElement({
+            position,
+            gmpPopoverTargetElement: popover
+        });
+
+        map.append(interactiveMarker);
+        map.append(popover);
+    }
+
+    document.body.append(map);
+}
+
+const positions = [{
+    lat: 37.50981071450543,
+    lng:  -122.20280629839084,
+    name: "Google Redwood City",
+}, {
+    lat: 37.423897572754754, 
+    lng: -122.09167346506989,
+    name: "Google West Campus",
+}, {
+    lat: 37.42333982824077, 
+    lng: -122.06647571637265,
+    name: "Google Bay View",
+}, {
+    lat: 37.42193728115661, 
+    lng: -122.08531908774293,
+    name: "Googleplex",
+}, {
+    lat: 37.39982552146971,
+    lng:  -122.057934225745,
+    name: "Google Quad Campus",
+}, {
+    lat: 37.40317922575345, 
+    lng: -122.03276863941647,
+    name: "Google Tech Corners",
+}, {
+    lat: 37.41181058680138, 
+    lng: -121.9538960231151,
+    name: "Google San Jose",
+}, {
+    lat: 37.62759428242346, 
+    lng: -122.42615377188994,
+    name: "Google San Bruno",
+}, {
+    lat: 37.40369749797231, 
+    lng: -122.14812537955007,
+    name: "Google Palo Alto",
+}, {
+    lat: 37.793664664297964,
+    lng: -122.39504580413139,
+    name: "Google San Francisco",
+}];
+
+init();
+// [END maps_3d_marker_interactive]
diff --git a/dist/samples/3d-marker-interactive/docs/style.css b/dist/samples/3d-marker-interactive/docs/style.css
new file mode 100644
index 00000000..ef9f6866
--- /dev/null
+++ b/dist/samples/3d-marker-interactive/docs/style.css
@@ -0,0 +1,40 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_marker_interactive] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+.textContainer {
+    background-color: #4d90fe;
+    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
+    margin: 10px;
+    font: 400 18px Roboto, Arial, sans-serif;
+    overflow: hidden;
+    position: absolute;
+    left: 50%;
+    bottom: 5px;
+    transform: translateX(-50%);
+    border: 1px solid white;
+    border-radius: 2px;
+    padding: 5px;
+    z-index: 1000;
+}
+
+.text {
+    color: white;
+    font-size: 1em;
+    text-align: center;
+}
+/* [END maps_3d_marker_interactive] */
diff --git a/dist/samples/3d-marker-interactive/jsfiddle/demo.css b/dist/samples/3d-marker-interactive/jsfiddle/demo.css
new file mode 100644
index 00000000..0d18e728
--- /dev/null
+++ b/dist/samples/3d-marker-interactive/jsfiddle/demo.css
@@ -0,0 +1,40 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+.textContainer {
+    background-color: #4d90fe;
+    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
+    margin: 10px;
+    font: 400 18px Roboto, Arial, sans-serif;
+    overflow: hidden;
+    position: absolute;
+    left: 50%;
+    bottom: 5px;
+    transform: translateX(-50%);
+    border: 1px solid white;
+    border-radius: 2px;
+    padding: 5px;
+    z-index: 1000;
+}
+
+.text {
+    color: white;
+    font-size: 1em;
+    text-align: center;
+}
+
diff --git a/dist/samples/3d-marker-interactive/jsfiddle/demo.details b/dist/samples/3d-marker-interactive/jsfiddle/demo.details
new file mode 100644
index 00000000..72c44609
--- /dev/null
+++ b/dist/samples/3d-marker-interactive/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: 3d-marker-interactive
+authors:
+  - Geo Developer IX Documentation Team
+tags:
+  - google maps
+load_type: h
+description: Sample code supporting Google Maps Platform JavaScript API documentation.
diff --git a/dist/samples/3d-marker-interactive/jsfiddle/demo.html b/dist/samples/3d-marker-interactive/jsfiddle/demo.html
new file mode 100644
index 00000000..2a7996c5
--- /dev/null
+++ b/dist/samples/3d-marker-interactive/jsfiddle/demo.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </head>
+  <body>
+    <div id="map"></div>
+    
+    <div class="textContainer">
+        <div class="text">Click on a marker to get the name of the Google Office.</div>
+    </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+
diff --git a/dist/samples/3d-marker-interactive/jsfiddle/demo.js b/dist/samples/3d-marker-interactive/jsfiddle/demo.js
new file mode 100644
index 00000000..fafa9a81
--- /dev/null
+++ b/dist/samples/3d-marker-interactive/jsfiddle/demo.js
@@ -0,0 +1,75 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+
+async function init() {
+    // Request needed libraries.
+    const { Map3DElement, Marker3DInteractiveElement, PopoverElement } = await google.maps.importLibrary("maps3d");
+    const map = new Map3DElement({
+        center: { lat: 37.4690, lng: -122.1074, altitude: 0 },
+        tilt: 67.5,
+        range: 45000,
+        mode: 'HYBRID'
+    });
+    map.mode = "SATELLITE";
+    for (const position of positions) {
+        const popover = new PopoverElement({
+            open: true,
+        });
+        popover.append(position.name);
+        const interactiveMarker = new Marker3DInteractiveElement({
+            position,
+            gmpPopoverTargetElement: popover
+        });
+        map.append(interactiveMarker);
+        map.append(popover);
+    }
+    document.body.append(map);
+}
+const positions = [{
+        lat: 37.50981071450543,
+        lng: -122.20280629839084,
+        name: "Google Redwood City",
+    }, {
+        lat: 37.423897572754754,
+        lng: -122.09167346506989,
+        name: "Google West Campus",
+    }, {
+        lat: 37.42333982824077,
+        lng: -122.06647571637265,
+        name: "Google Bay View",
+    }, {
+        lat: 37.42193728115661,
+        lng: -122.08531908774293,
+        name: "Googleplex",
+    }, {
+        lat: 37.39982552146971,
+        lng: -122.057934225745,
+        name: "Google Quad Campus",
+    }, {
+        lat: 37.40317922575345,
+        lng: -122.03276863941647,
+        name: "Google Tech Corners",
+    }, {
+        lat: 37.41181058680138,
+        lng: -121.9538960231151,
+        name: "Google San Jose",
+    }, {
+        lat: 37.62759428242346,
+        lng: -122.42615377188994,
+        name: "Google San Bruno",
+    }, {
+        lat: 37.40369749797231,
+        lng: -122.14812537955007,
+        name: "Google Palo Alto",
+    }, {
+        lat: 37.793664664297964,
+        lng: -122.39504580413139,
+        name: "Google San Francisco",
+    }];
+init();
+
diff --git a/dist/samples/3d-places-autocomplete/app/.eslintsrc.json b/dist/samples/3d-places-autocomplete/app/.eslintsrc.json
new file mode 100644
index 00000000..4c44dab0
--- /dev/null
+++ b/dist/samples/3d-places-autocomplete/app/.eslintsrc.json
@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "rules": {
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/no-this-alias": 1,
+    "@typescript-eslint/no-empty-function": 1,
+    "@typescript-eslint/explicit-module-boundary-types": 1,
+    "@typescript-eslint/no-unused-vars": 1
+  }
+}
diff --git a/dist/samples/3d-places-autocomplete/app/index.html b/dist/samples/3d-places-autocomplete/app/index.html
new file mode 100644
index 00000000..98b9d9e8
--- /dev/null
+++ b/dist/samples/3d-places-autocomplete/app/index.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_places_autocomplete] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </head>
+  <body>
+    <div id="map"></div>
+
+    <div class="pac-card" id="pac-card">
+        <div id="title">Navigate to a place</div>
+        <div id="pac-container">
+        </div>
+    </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_places_autocomplete] -->
diff --git a/dist/samples/3d-places-autocomplete/app/index.ts b/dist/samples/3d-places-autocomplete/app/index.ts
new file mode 100644
index 00000000..70675f41
--- /dev/null
+++ b/dist/samples/3d-places-autocomplete/app/index.ts
@@ -0,0 +1,97 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_places_autocomplete]
+let map = null;
+
+async function init() {
+    const { Map3DElement } = await google.maps.importLibrary("maps3d");
+
+    map = new Map3DElement({
+        center: { lat: 0, lng: 0, altitude: 16000000 },
+        tilt: 0,
+        range: 0,
+        heading: 0,
+        roll: 0,
+        mode: 'HYBRID'
+    });
+
+    document.body.append(map);
+
+    initAutocomplete();
+}
+
+async function initAutocomplete() {
+    const { PlaceAutocompleteElement } = await google.maps.importLibrary("places")
+
+    const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
+    placeAutocomplete.id = 'place-autocomplete-input';
+    const card = document.getElementById('pac-container');
+    card.appendChild(placeAutocomplete);
+
+    placeAutocomplete.addEventListener('gmp-select', async ({ placePrediction }) => {
+        const place = placePrediction.toPlace();
+        await place.fetchFields({ fields: ['displayName', 'location', 'id'] });
+        // If the place has a geometry, then present it on a map.
+        if (!place.location) {
+            window.alert("No viewport for input: " + place.displayName);
+            return;
+        }
+        flyToPlace(place);
+    });
+}
+
+const flyToPlace = async (place) => {
+    const { AltitudeMode, Polyline3DElement, Polygon3DElement, Marker3DElement } = await google.maps.importLibrary("maps3d");
+
+    const location = place.location;
+
+    // We need to find the elevation for the point so we place the marker at 50m above the elevation.
+    const elevation = await getElevationforPoint(location);
+
+    const marker = new Marker3DElement({
+        position: { lat: location.lat(), lng: location.lng(), altitude: elevation + 50 },
+        altitudeMode: AltitudeMode.ABSOLUTE,
+        extruded: true,
+        label: place.displayName,
+    });
+
+    // Add the marker.
+    map.append(marker);
+
+    // Fly to the marker.
+    map.flyCameraTo({
+        endCamera: {
+            center: { lat: location.lat(), lng: location.lng(), altitude: elevation + 50 },
+            tilt: 65,
+            heading: 0,
+            range: 1000
+        },
+        durationMillis: 10000,
+    });
+};
+
+async function getElevationforPoint(location) {
+    const { ElevationService } = await google.maps.importLibrary("elevation");
+    // Get place elevation using the ElevationService.
+    const elevatorService = new google.maps.ElevationService();
+    const elevationResponse = await elevatorService.getElevationForLocations({
+        locations: [location],
+    });
+
+    if (!(elevationResponse.results && elevationResponse.results.length)) {
+        window.alert(`Insufficient elevation data for place: ${place.name}`);
+        return;
+    }
+    const elevation = elevationResponse.results[0].elevation || 10;
+
+    return elevation;
+}
+
+init();
+
+// [END maps_3d_places_autocomplete]
diff --git a/dist/samples/3d-places-autocomplete/app/package.json b/dist/samples/3d-places-autocomplete/app/package.json
new file mode 100644
index 00000000..d2cad1fb
--- /dev/null
+++ b/dist/samples/3d-places-autocomplete/app/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@js-api-samples/3d-places-autocomplete",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "tsc && bash ../jsfiddle.sh 3d-places-autocomplete && bash ../app.sh 3d-places-autocomplete && bash ../docs.sh 3d-places-autocomplete &&  npm run build:vite --workspace=. && bash ../dist.sh 3d-places-autocomplete",
+    "test": "tsc && npm run build:vite --workspace=.",
+    "start": "tsc && vite build --base './' && vite",
+    "build:vite": "vite build --base './'",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    
+  }
+}
diff --git a/dist/samples/3d-places-autocomplete/app/style.css b/dist/samples/3d-places-autocomplete/app/style.css
new file mode 100644
index 00000000..785b9f19
--- /dev/null
+++ b/dist/samples/3d-places-autocomplete/app/style.css
@@ -0,0 +1,94 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_places_autocomplete] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+.pac-controls {
+    display: inline-block;
+    padding: 0px 11px;
+}
+
+.pac-controls label {
+    font-family: Roboto;
+    font-size: 13px;
+    font-weight: 300;
+}
+
+.pac-card {
+    background-color: #fff;
+    border: 0;
+    border-radius: 4px;
+    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
+    margin: 10px;
+    padding: 0 0.5em;
+    font: 400 18px Roboto, Arial, sans-serif;
+    /* overflow: hidden; */
+    font-family: Roboto;
+    padding: 0;
+    position: absolute;
+    left: 10px;
+    top: 10px;
+    z-index: 99;
+}
+
+#pac-container {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    margin-right: 12px;
+    border-radius: 2px;
+    width: 412px;
+}
+
+#pac-input {
+    background-color: #fff;
+    font-family: Roboto;
+    font-size: 15px;
+    font-weight: 300;
+    margin-left: 12px;
+    padding: 0 11px 0 13px;
+    text-overflow: ellipsis;
+    width: 400px;
+}
+
+#pac-input:focus {
+    border-color: #4d90fe;
+}
+
+#title {
+    color: #fff;
+    background-color: #4d90fe;
+    font-size: 14px;
+    font-weight: 500;
+    padding: 6px 12px;
+}
+
+#place-autocomplete-card {
+    background-color: #fff;
+    border-radius: 5px;
+    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+    margin: 10px;
+    padding: 5px;
+    font-family: Roboto, sans-serif;
+    font-size: large;
+    font-weight: bold;
+}
+
+gmp-place-autocomplete {
+    padding-left: 10px;
+    width: 405px;
+    z-index: 100;
+}
+/* [END maps_3d_places_autocomplete] */
diff --git a/dist/samples/3d-places-autocomplete/app/tsconfig.json b/dist/samples/3d-places-autocomplete/app/tsconfig.json
new file mode 100644
index 00000000..366aabb0
--- /dev/null
+++ b/dist/samples/3d-places-autocomplete/app/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "target": "esnext",
+    "strict": true,
+    "noImplicitAny": false,
+    "lib": [
+      "es2015",
+      "esnext",
+      "es6",
+      "dom",
+      "dom.iterable"
+    ],
+    "moduleResolution": "Node",
+    "jsx": "preserve"
+  }
+}
diff --git a/dist/samples/3d-places-autocomplete/dist/assets/index-Ds3HMy63.css b/dist/samples/3d-places-autocomplete/dist/assets/index-Ds3HMy63.css
new file mode 100644
index 00000000..4e177f81
--- /dev/null
+++ b/dist/samples/3d-places-autocomplete/dist/assets/index-Ds3HMy63.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/html,map{height:100%}body{height:100%;margin:0;padding:0}.pac-controls{display:inline-block;padding:0 11px}.pac-controls label{font-family:Roboto;font-size:13px;font-weight:300}.pac-card{background-color:#fff;border:0;border-radius:4px;box-shadow:0 1px 4px -1px #0000004d;margin:10px;font:400 18px Roboto,Arial,sans-serif;font-family:Roboto;padding:0;position:absolute;left:10px;top:10px;z-index:99}#pac-container{padding-top:12px;padding-bottom:12px;margin-right:12px;border-radius:2px;width:412px}#pac-input{background-color:#fff;font-family:Roboto;font-size:15px;font-weight:300;margin-left:12px;padding:0 11px 0 13px;text-overflow:ellipsis;width:400px}#pac-input:focus{border-color:#4d90fe}#title{color:#fff;background-color:#4d90fe;font-size:14px;font-weight:500;padding:6px 12px}#place-autocomplete-card{background-color:#fff;border-radius:5px;box-shadow:#00000059 0 5px 15px;margin:10px;padding:5px;font-family:Roboto,sans-serif;font-size:large;font-weight:700}gmp-place-autocomplete{padding-left:10px;width:405px;z-index:100}
diff --git a/dist/samples/3d-places-autocomplete/dist/assets/index-ldky_mJz.js b/dist/samples/3d-places-autocomplete/dist/assets/index-ldky_mJz.js
new file mode 100644
index 00000000..6f212b15
--- /dev/null
+++ b/dist/samples/3d-places-autocomplete/dist/assets/index-ldky_mJz.js
@@ -0,0 +1,5 @@
+(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))n(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const l of t.addedNodes)l.tagName==="LINK"&&l.rel==="modulepreload"&&n(l)}).observe(document,{childList:!0,subtree:!0});function a(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function n(e){if(e.ep)return;e.ep=!0;const t=a(e);fetch(e.href,t)}})();/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/let r=null;async function s(){const{Map3DElement:o}=await google.maps.importLibrary("maps3d");r=new o({center:{lat:0,lng:0,altitude:16e6},tilt:0,range:0,heading:0,roll:0,mode:"HYBRID"}),document.body.append(r),d()}async function d(){await google.maps.importLibrary("places");const o=new google.maps.places.PlaceAutocompleteElement;o.id="place-autocomplete-input",document.getElementById("pac-container").appendChild(o),o.addEventListener("gmp-select",async({placePrediction:a})=>{const n=a.toPlace();if(await n.fetchFields({fields:["displayName","location","id"]}),!n.location){window.alert("No viewport for input: "+n.displayName);return}p(n)})}const p=async o=>{const{AltitudeMode:i,Polyline3DElement:a,Polygon3DElement:n,Marker3DElement:e}=await google.maps.importLibrary("maps3d"),t=o.location,l=await u(t),c=new e({position:{lat:t.lat(),lng:t.lng(),altitude:l+50},altitudeMode:i.ABSOLUTE,extruded:!0,label:o.displayName});r.append(c),r.flyCameraTo({endCamera:{center:{lat:t.lat(),lng:t.lng(),altitude:l+50},tilt:65,heading:0,range:1e3},durationMillis:1e4})};async function u(o){await google.maps.importLibrary("elevation");const a=await new google.maps.ElevationService().getElevationForLocations({locations:[o]});if(!(a.results&&a.results.length)){window.alert(`Insufficient elevation data for place: ${place.name}`);return}return a.results[0].elevation||10}s();
diff --git a/dist/samples/3d-places-autocomplete/dist/index.html b/dist/samples/3d-places-autocomplete/dist/index.html
new file mode 100644
index 00000000..f6b3bc1e
--- /dev/null
+++ b/dist/samples/3d-places-autocomplete/dist/index.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_places_autocomplete] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <script type="module" crossorigin src="./assets/index-ldky_mJz.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-Ds3HMy63.css">
+  </head>
+  <body>
+    <div id="map"></div>
+
+    <div class="pac-card" id="pac-card">
+        <div id="title">Navigate to a place</div>
+        <div id="pac-container">
+        </div>
+    </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_places_autocomplete] -->
diff --git a/dist/samples/3d-places-autocomplete/docs/index.html b/dist/samples/3d-places-autocomplete/docs/index.html
new file mode 100644
index 00000000..98b9d9e8
--- /dev/null
+++ b/dist/samples/3d-places-autocomplete/docs/index.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_places_autocomplete] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </head>
+  <body>
+    <div id="map"></div>
+
+    <div class="pac-card" id="pac-card">
+        <div id="title">Navigate to a place</div>
+        <div id="pac-container">
+        </div>
+    </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_places_autocomplete] -->
diff --git a/dist/samples/3d-places-autocomplete/docs/index.js b/dist/samples/3d-places-autocomplete/docs/index.js
new file mode 100644
index 00000000..9d574c7f
--- /dev/null
+++ b/dist/samples/3d-places-autocomplete/docs/index.js
@@ -0,0 +1,79 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+// [START maps_3d_places_autocomplete]
+let map = null;
+async function init() {
+    const { Map3DElement } = await google.maps.importLibrary("maps3d");
+    map = new Map3DElement({
+        center: { lat: 0, lng: 0, altitude: 16000000 },
+        tilt: 0,
+        range: 0,
+        heading: 0,
+        roll: 0,
+        mode: 'HYBRID'
+    });
+    document.body.append(map);
+    initAutocomplete();
+}
+async function initAutocomplete() {
+    const { PlaceAutocompleteElement } = await google.maps.importLibrary("places");
+    const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
+    placeAutocomplete.id = 'place-autocomplete-input';
+    const card = document.getElementById('pac-container');
+    card.appendChild(placeAutocomplete);
+    placeAutocomplete.addEventListener('gmp-select', async ({ placePrediction }) => {
+        const place = placePrediction.toPlace();
+        await place.fetchFields({ fields: ['displayName', 'location', 'id'] });
+        // If the place has a geometry, then present it on a map.
+        if (!place.location) {
+            window.alert("No viewport for input: " + place.displayName);
+            return;
+        }
+        flyToPlace(place);
+    });
+}
+const flyToPlace = async (place) => {
+    const { AltitudeMode, Polyline3DElement, Polygon3DElement, Marker3DElement } = await google.maps.importLibrary("maps3d");
+    const location = place.location;
+    // We need to find the elevation for the point so we place the marker at 50m above the elevation.
+    const elevation = await getElevationforPoint(location);
+    const marker = new Marker3DElement({
+        position: { lat: location.lat(), lng: location.lng(), altitude: elevation + 50 },
+        altitudeMode: AltitudeMode.ABSOLUTE,
+        extruded: true,
+        label: place.displayName,
+    });
+    // Add the marker.
+    map.append(marker);
+    // Fly to the marker.
+    map.flyCameraTo({
+        endCamera: {
+            center: { lat: location.lat(), lng: location.lng(), altitude: elevation + 50 },
+            tilt: 65,
+            heading: 0,
+            range: 1000
+        },
+        durationMillis: 10000,
+    });
+};
+async function getElevationforPoint(location) {
+    const { ElevationService } = await google.maps.importLibrary("elevation");
+    // Get place elevation using the ElevationService.
+    const elevatorService = new google.maps.ElevationService();
+    const elevationResponse = await elevatorService.getElevationForLocations({
+        locations: [location],
+    });
+    if (!(elevationResponse.results && elevationResponse.results.length)) {
+        window.alert(`Insufficient elevation data for place: ${place.name}`);
+        return;
+    }
+    const elevation = elevationResponse.results[0].elevation || 10;
+    return elevation;
+}
+init();
+// [END maps_3d_places_autocomplete]
diff --git a/dist/samples/3d-places-autocomplete/docs/index.ts b/dist/samples/3d-places-autocomplete/docs/index.ts
new file mode 100644
index 00000000..70675f41
--- /dev/null
+++ b/dist/samples/3d-places-autocomplete/docs/index.ts
@@ -0,0 +1,97 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_places_autocomplete]
+let map = null;
+
+async function init() {
+    const { Map3DElement } = await google.maps.importLibrary("maps3d");
+
+    map = new Map3DElement({
+        center: { lat: 0, lng: 0, altitude: 16000000 },
+        tilt: 0,
+        range: 0,
+        heading: 0,
+        roll: 0,
+        mode: 'HYBRID'
+    });
+
+    document.body.append(map);
+
+    initAutocomplete();
+}
+
+async function initAutocomplete() {
+    const { PlaceAutocompleteElement } = await google.maps.importLibrary("places")
+
+    const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
+    placeAutocomplete.id = 'place-autocomplete-input';
+    const card = document.getElementById('pac-container');
+    card.appendChild(placeAutocomplete);
+
+    placeAutocomplete.addEventListener('gmp-select', async ({ placePrediction }) => {
+        const place = placePrediction.toPlace();
+        await place.fetchFields({ fields: ['displayName', 'location', 'id'] });
+        // If the place has a geometry, then present it on a map.
+        if (!place.location) {
+            window.alert("No viewport for input: " + place.displayName);
+            return;
+        }
+        flyToPlace(place);
+    });
+}
+
+const flyToPlace = async (place) => {
+    const { AltitudeMode, Polyline3DElement, Polygon3DElement, Marker3DElement } = await google.maps.importLibrary("maps3d");
+
+    const location = place.location;
+
+    // We need to find the elevation for the point so we place the marker at 50m above the elevation.
+    const elevation = await getElevationforPoint(location);
+
+    const marker = new Marker3DElement({
+        position: { lat: location.lat(), lng: location.lng(), altitude: elevation + 50 },
+        altitudeMode: AltitudeMode.ABSOLUTE,
+        extruded: true,
+        label: place.displayName,
+    });
+
+    // Add the marker.
+    map.append(marker);
+
+    // Fly to the marker.
+    map.flyCameraTo({
+        endCamera: {
+            center: { lat: location.lat(), lng: location.lng(), altitude: elevation + 50 },
+            tilt: 65,
+            heading: 0,
+            range: 1000
+        },
+        durationMillis: 10000,
+    });
+};
+
+async function getElevationforPoint(location) {
+    const { ElevationService } = await google.maps.importLibrary("elevation");
+    // Get place elevation using the ElevationService.
+    const elevatorService = new google.maps.ElevationService();
+    const elevationResponse = await elevatorService.getElevationForLocations({
+        locations: [location],
+    });
+
+    if (!(elevationResponse.results && elevationResponse.results.length)) {
+        window.alert(`Insufficient elevation data for place: ${place.name}`);
+        return;
+    }
+    const elevation = elevationResponse.results[0].elevation || 10;
+
+    return elevation;
+}
+
+init();
+
+// [END maps_3d_places_autocomplete]
diff --git a/dist/samples/3d-places-autocomplete/docs/style.css b/dist/samples/3d-places-autocomplete/docs/style.css
new file mode 100644
index 00000000..785b9f19
--- /dev/null
+++ b/dist/samples/3d-places-autocomplete/docs/style.css
@@ -0,0 +1,94 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_places_autocomplete] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+.pac-controls {
+    display: inline-block;
+    padding: 0px 11px;
+}
+
+.pac-controls label {
+    font-family: Roboto;
+    font-size: 13px;
+    font-weight: 300;
+}
+
+.pac-card {
+    background-color: #fff;
+    border: 0;
+    border-radius: 4px;
+    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
+    margin: 10px;
+    padding: 0 0.5em;
+    font: 400 18px Roboto, Arial, sans-serif;
+    /* overflow: hidden; */
+    font-family: Roboto;
+    padding: 0;
+    position: absolute;
+    left: 10px;
+    top: 10px;
+    z-index: 99;
+}
+
+#pac-container {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    margin-right: 12px;
+    border-radius: 2px;
+    width: 412px;
+}
+
+#pac-input {
+    background-color: #fff;
+    font-family: Roboto;
+    font-size: 15px;
+    font-weight: 300;
+    margin-left: 12px;
+    padding: 0 11px 0 13px;
+    text-overflow: ellipsis;
+    width: 400px;
+}
+
+#pac-input:focus {
+    border-color: #4d90fe;
+}
+
+#title {
+    color: #fff;
+    background-color: #4d90fe;
+    font-size: 14px;
+    font-weight: 500;
+    padding: 6px 12px;
+}
+
+#place-autocomplete-card {
+    background-color: #fff;
+    border-radius: 5px;
+    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+    margin: 10px;
+    padding: 5px;
+    font-family: Roboto, sans-serif;
+    font-size: large;
+    font-weight: bold;
+}
+
+gmp-place-autocomplete {
+    padding-left: 10px;
+    width: 405px;
+    z-index: 100;
+}
+/* [END maps_3d_places_autocomplete] */
diff --git a/dist/samples/3d-places-autocomplete/jsfiddle/demo.css b/dist/samples/3d-places-autocomplete/jsfiddle/demo.css
new file mode 100644
index 00000000..df67a68b
--- /dev/null
+++ b/dist/samples/3d-places-autocomplete/jsfiddle/demo.css
@@ -0,0 +1,94 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+.pac-controls {
+    display: inline-block;
+    padding: 0px 11px;
+}
+
+.pac-controls label {
+    font-family: Roboto;
+    font-size: 13px;
+    font-weight: 300;
+}
+
+.pac-card {
+    background-color: #fff;
+    border: 0;
+    border-radius: 4px;
+    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
+    margin: 10px;
+    padding: 0 0.5em;
+    font: 400 18px Roboto, Arial, sans-serif;
+    /* overflow: hidden; */
+    font-family: Roboto;
+    padding: 0;
+    position: absolute;
+    left: 10px;
+    top: 10px;
+    z-index: 99;
+}
+
+#pac-container {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    margin-right: 12px;
+    border-radius: 2px;
+    width: 412px;
+}
+
+#pac-input {
+    background-color: #fff;
+    font-family: Roboto;
+    font-size: 15px;
+    font-weight: 300;
+    margin-left: 12px;
+    padding: 0 11px 0 13px;
+    text-overflow: ellipsis;
+    width: 400px;
+}
+
+#pac-input:focus {
+    border-color: #4d90fe;
+}
+
+#title {
+    color: #fff;
+    background-color: #4d90fe;
+    font-size: 14px;
+    font-weight: 500;
+    padding: 6px 12px;
+}
+
+#place-autocomplete-card {
+    background-color: #fff;
+    border-radius: 5px;
+    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+    margin: 10px;
+    padding: 5px;
+    font-family: Roboto, sans-serif;
+    font-size: large;
+    font-weight: bold;
+}
+
+gmp-place-autocomplete {
+    padding-left: 10px;
+    width: 405px;
+    z-index: 100;
+}
+
diff --git a/dist/samples/3d-places-autocomplete/jsfiddle/demo.details b/dist/samples/3d-places-autocomplete/jsfiddle/demo.details
new file mode 100644
index 00000000..86073e80
--- /dev/null
+++ b/dist/samples/3d-places-autocomplete/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: 3d-places-autocomplete
+authors:
+  - Geo Developer IX Documentation Team
+tags:
+  - google maps
+load_type: h
+description: Sample code supporting Google Maps Platform JavaScript API documentation.
diff --git a/dist/samples/3d-places-autocomplete/jsfiddle/demo.html b/dist/samples/3d-places-autocomplete/jsfiddle/demo.html
new file mode 100644
index 00000000..4712385e
--- /dev/null
+++ b/dist/samples/3d-places-autocomplete/jsfiddle/demo.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </head>
+  <body>
+    <div id="map"></div>
+
+    <div class="pac-card" id="pac-card">
+        <div id="title">Navigate to a place</div>
+        <div id="pac-container">
+        </div>
+    </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+
diff --git a/dist/samples/3d-places-autocomplete/jsfiddle/demo.js b/dist/samples/3d-places-autocomplete/jsfiddle/demo.js
new file mode 100644
index 00000000..8d796c42
--- /dev/null
+++ b/dist/samples/3d-places-autocomplete/jsfiddle/demo.js
@@ -0,0 +1,79 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+
+let map = null;
+async function init() {
+    const { Map3DElement } = await google.maps.importLibrary("maps3d");
+    map = new Map3DElement({
+        center: { lat: 0, lng: 0, altitude: 16000000 },
+        tilt: 0,
+        range: 0,
+        heading: 0,
+        roll: 0,
+        mode: 'HYBRID'
+    });
+    document.body.append(map);
+    initAutocomplete();
+}
+async function initAutocomplete() {
+    const { PlaceAutocompleteElement } = await google.maps.importLibrary("places");
+    const placeAutocomplete = new google.maps.places.PlaceAutocompleteElement();
+    placeAutocomplete.id = 'place-autocomplete-input';
+    const card = document.getElementById('pac-container');
+    card.appendChild(placeAutocomplete);
+    placeAutocomplete.addEventListener('gmp-select', async ({ placePrediction }) => {
+        const place = placePrediction.toPlace();
+        await place.fetchFields({ fields: ['displayName', 'location', 'id'] });
+        // If the place has a geometry, then present it on a map.
+        if (!place.location) {
+            window.alert("No viewport for input: " + place.displayName);
+            return;
+        }
+        flyToPlace(place);
+    });
+}
+const flyToPlace = async (place) => {
+    const { AltitudeMode, Polyline3DElement, Polygon3DElement, Marker3DElement } = await google.maps.importLibrary("maps3d");
+    const location = place.location;
+    // We need to find the elevation for the point so we place the marker at 50m above the elevation.
+    const elevation = await getElevationforPoint(location);
+    const marker = new Marker3DElement({
+        position: { lat: location.lat(), lng: location.lng(), altitude: elevation + 50 },
+        altitudeMode: AltitudeMode.ABSOLUTE,
+        extruded: true,
+        label: place.displayName,
+    });
+    // Add the marker.
+    map.append(marker);
+    // Fly to the marker.
+    map.flyCameraTo({
+        endCamera: {
+            center: { lat: location.lat(), lng: location.lng(), altitude: elevation + 50 },
+            tilt: 65,
+            heading: 0,
+            range: 1000
+        },
+        durationMillis: 10000,
+    });
+};
+async function getElevationforPoint(location) {
+    const { ElevationService } = await google.maps.importLibrary("elevation");
+    // Get place elevation using the ElevationService.
+    const elevatorService = new google.maps.ElevationService();
+    const elevationResponse = await elevatorService.getElevationForLocations({
+        locations: [location],
+    });
+    if (!(elevationResponse.results && elevationResponse.results.length)) {
+        window.alert(`Insufficient elevation data for place: ${place.name}`);
+        return;
+    }
+    const elevation = elevationResponse.results[0].elevation || 10;
+    return elevation;
+}
+init();
+
diff --git a/dist/samples/3d-places/app/index.html b/dist/samples/3d-places/app/index.html
index 405b2905..35e39790 100644
--- a/dist/samples/3d-places/app/index.html
+++ b/dist/samples/3d-places/app/index.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_places] -->
 <html>
   <head>
diff --git a/dist/samples/3d-places/app/index.ts b/dist/samples/3d-places/app/index.ts
index 94ee72d0..0fddf7a6 100644
--- a/dist/samples/3d-places/app/index.ts
+++ b/dist/samples/3d-places/app/index.ts
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 //@ts-nocheck
 // [START maps_3d_places]
diff --git a/dist/samples/3d-places/app/style.css b/dist/samples/3d-places/app/style.css
index 5d0831cc..85bfe863 100644
--- a/dist/samples/3d-places/app/style.css
+++ b/dist/samples/3d-places/app/style.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 /* [START maps_3d_places] */
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-places/dist/assets/index-BIXaqQaS.js b/dist/samples/3d-places/dist/assets/index-BIXaqQaS.js
new file mode 100644
index 00000000..5d1e4d81
--- /dev/null
+++ b/dist/samples/3d-places/dist/assets/index-BIXaqQaS.js
@@ -0,0 +1,5 @@
+(function(){const n=document.createElement("link").relList;if(n&&n.supports&&n.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))o(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const i of t.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&o(i)}).observe(document,{childList:!0,subtree:!0});function r(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function o(e){if(e.ep)return;e.ep=!0;const t=r(e);fetch(e.href,t)}})();/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/let c=null;async function s(){const{Map3DElement:l}=await google.maps.importLibrary("maps3d");c=new l({center:{lat:51.532,lng:-.124,altitude:30},range:1400,tilt:64,heading:-5,mode:"HYBRID"}),document.body.append(c),c.addEventListener("gmp-click",async n=>{if(n.placeId){const r=await n.fetchPlace();await r.fetchFields({fields:["*"]}),document.getElementById("placeName").innerHTML="<b>Name :</b><br>&nbsp;"+r.displayName,document.getElementById("placeId").innerHTML="<b>Id :</b><br>&nbsp;"+r.id,document.getElementById("placeType").innerHTML="<b>Types :<b/>";for(const o of r.types)document.getElementById("placeType").innerHTML+="<br>&nbsp;"+o;document.getElementById("details").style.display="block"}})}s();
diff --git a/dist/samples/3d-places/dist/assets/index-BkAjALCw.js b/dist/samples/3d-places/dist/assets/index-BkAjALCw.js
deleted file mode 100644
index 2d9d6258..00000000
--- a/dist/samples/3d-places/dist/assets/index-BkAjALCw.js
+++ /dev/null
@@ -1 +0,0 @@
-(function(){const n=document.createElement("link").relList;if(n&&n.supports&&n.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))o(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const i of t.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&o(i)}).observe(document,{childList:!0,subtree:!0});function r(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function o(e){if(e.ep)return;e.ep=!0;const t=r(e);fetch(e.href,t)}})();let c=null;async function s(){const{Map3DElement:l}=await google.maps.importLibrary("maps3d");c=new l({center:{lat:51.532,lng:-.124,altitude:30},range:1400,tilt:64,heading:-5,mode:"HYBRID"}),document.body.append(c),c.addEventListener("gmp-click",async n=>{if(n.placeId){const r=await n.fetchPlace();await r.fetchFields({fields:["*"]}),document.getElementById("placeName").innerHTML="<b>Name :</b><br>&nbsp;"+r.displayName,document.getElementById("placeId").innerHTML="<b>Id :</b><br>&nbsp;"+r.id,document.getElementById("placeType").innerHTML="<b>Types :<b/>";for(const o of r.types)document.getElementById("placeType").innerHTML+="<br>&nbsp;"+o;document.getElementById("details").style.display="block"}})}s();
diff --git a/dist/samples/3d-places/dist/assets/index-C7Jd5tJ3.css b/dist/samples/3d-places/dist/assets/index-C7Jd5tJ3.css
deleted file mode 100644
index 48be5481..00000000
--- a/dist/samples/3d-places/dist/assets/index-C7Jd5tJ3.css
+++ /dev/null
@@ -1 +0,0 @@
-html,body{height:100%;margin:0;padding:0;font-family:Centra No2,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.9em}.textContainer{background-color:#4d90fe;margin:10px;overflow:hidden;position:absolute;left:50%;top:10px;border:1px solid white;border-radius:10px;padding:5px;z-index:1000;color:#fff}.detailsContainer{background-color:#00000078;margin:10px;overflow:hidden;position:absolute;top:100px;left:10px;padding:10px;z-index:1000;display:none;color:#fff;border-radius:15px}
diff --git a/dist/samples/3d-places/dist/assets/index-CvhBvvRC.css b/dist/samples/3d-places/dist/assets/index-CvhBvvRC.css
new file mode 100644
index 00000000..9da2419f
--- /dev/null
+++ b/dist/samples/3d-places/dist/assets/index-CvhBvvRC.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/html,body{height:100%;margin:0;padding:0;font-family:Centra No2,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.9em}.textContainer{background-color:#4d90fe;margin:10px;overflow:hidden;position:absolute;left:50%;top:10px;border:1px solid white;border-radius:10px;padding:5px;z-index:1000;color:#fff}.detailsContainer{background-color:#00000078;margin:10px;overflow:hidden;position:absolute;top:100px;left:10px;padding:10px;z-index:1000;display:none;color:#fff;border-radius:15px}
diff --git a/dist/samples/3d-places/dist/index.html b/dist/samples/3d-places/dist/index.html
index b6aeca9e..20986164 100644
--- a/dist/samples/3d-places/dist/index.html
+++ b/dist/samples/3d-places/dist/index.html
@@ -1,11 +1,16 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_places] -->
 <html>
   <head>
     <title>Map</title>
 
-    <script type="module" crossorigin src="./assets/index-BkAjALCw.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-C7Jd5tJ3.css">
+    <script type="module" crossorigin src="./assets/index-BIXaqQaS.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-CvhBvvRC.css">
   </head>
   <body>
     <div id="map"></div>
diff --git a/dist/samples/3d-places/docs/index.html b/dist/samples/3d-places/docs/index.html
index 405b2905..35e39790 100644
--- a/dist/samples/3d-places/docs/index.html
+++ b/dist/samples/3d-places/docs/index.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_places] -->
 <html>
   <head>
diff --git a/dist/samples/3d-places/docs/index.js b/dist/samples/3d-places/docs/index.js
index 1f425cb4..c57ca308 100644
--- a/dist/samples/3d-places/docs/index.js
+++ b/dist/samples/3d-places/docs/index.js
@@ -1,16 +1,8 @@
 "use strict";
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 //@ts-nocheck
 // [START maps_3d_places]
diff --git a/dist/samples/3d-places/docs/index.ts b/dist/samples/3d-places/docs/index.ts
index 94ee72d0..0fddf7a6 100644
--- a/dist/samples/3d-places/docs/index.ts
+++ b/dist/samples/3d-places/docs/index.ts
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 //@ts-nocheck
 // [START maps_3d_places]
diff --git a/dist/samples/3d-places/docs/style.css b/dist/samples/3d-places/docs/style.css
index 5d0831cc..85bfe863 100644
--- a/dist/samples/3d-places/docs/style.css
+++ b/dist/samples/3d-places/docs/style.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 /* [START maps_3d_places] */
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-places/jsfiddle/demo.css b/dist/samples/3d-places/jsfiddle/demo.css
index 627b1033..c73eb258 100644
--- a/dist/samples/3d-places/jsfiddle/demo.css
+++ b/dist/samples/3d-places/jsfiddle/demo.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-places/jsfiddle/demo.html b/dist/samples/3d-places/jsfiddle/demo.html
index 1cbc6c21..9f3dfee0 100644
--- a/dist/samples/3d-places/jsfiddle/demo.html
+++ b/dist/samples/3d-places/jsfiddle/demo.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 
 <html>
   <head>
diff --git a/dist/samples/3d-places/jsfiddle/demo.js b/dist/samples/3d-places/jsfiddle/demo.js
index 25c52553..bc5ec750 100644
--- a/dist/samples/3d-places/jsfiddle/demo.js
+++ b/dist/samples/3d-places/jsfiddle/demo.js
@@ -1,16 +1,8 @@
 "use strict";
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 //@ts-nocheck
 
diff --git a/dist/samples/3d-polygon-click-event/app/.eslintsrc.json b/dist/samples/3d-polygon-click-event/app/.eslintsrc.json
new file mode 100644
index 00000000..4c44dab0
--- /dev/null
+++ b/dist/samples/3d-polygon-click-event/app/.eslintsrc.json
@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "rules": {
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/no-this-alias": 1,
+    "@typescript-eslint/no-empty-function": 1,
+    "@typescript-eslint/explicit-module-boundary-types": 1,
+    "@typescript-eslint/no-unused-vars": 1
+  }
+}
diff --git a/dist/samples/3d-polygon-click-event/app/index.html b/dist/samples/3d-polygon-click-event/app/index.html
new file mode 100644
index 00000000..d5e15434
--- /dev/null
+++ b/dist/samples/3d-polygon-click-event/app/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polygon_click_event] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polygon_click_event] -->
diff --git a/dist/samples/3d-polygon-click-event/app/index.ts b/dist/samples/3d-polygon-click-event/app/index.ts
new file mode 100644
index 00000000..3fa1b14e
--- /dev/null
+++ b/dist/samples/3d-polygon-click-event/app/index.ts
@@ -0,0 +1,69 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_polygon_click_event]
+async function init() {
+    const { Map3DElement, MapMode, Polygon3DInteractiveElement } = await google.maps.importLibrary("maps3d");
+
+    const map = new Map3DElement({
+        center: { lat: 40.6842, lng: -74.0019, altitude: 1000 },
+        heading: 340,
+        tilt: 70,
+        mode: MapMode.HYBRID,
+    });
+
+    document.body.append(map);
+
+    const polygonOptions = {
+        strokeColor: "#0000ff80",
+        strokeWidth: 8,
+        fillColor: "#ff000080",
+        drawsOccludedSegments: false,
+    }
+
+    const examplePolygon = new google.maps.maps3d.Polygon3DInteractiveElement(polygonOptions);
+
+    examplePolygon.outerCoordinates = [
+        { lat: 40.7144, lng: -74.0208 },
+        { lat: 40.6993, lng: -74.019 },
+        { lat: 40.7035, lng: -74.0004 },
+        { lat: 40.7144, lng: -74.0208 }
+    ];
+
+    examplePolygon.addEventListener('gmp-click', (event) => {
+        // change the color of the polygon stroke and fill colors to a random alternatives!
+        event.target.fillColor = randomizeHexColor(event.target.fillColor);
+        event.target.strokeColor = randomizeHexColor(event.target.fillColor);
+        console.log(event);
+    });
+
+    map.append(examplePolygon);
+}
+
+function randomizeHexColor(originalHexColor) {
+    console.log(originalHexColor);
+    let alpha = '';
+    alpha = originalHexColor.substring(7);
+
+    // Generate random values for Red, Green, Blue (0-255)
+    const r = Math.floor(Math.random() * 256);
+    const g = Math.floor(Math.random() * 256);
+    const b = Math.floor(Math.random() * 256);
+
+    console.log(r + " " + g + " " + b);
+
+    // Convert decimal to 2-digit hex, padding with '0' if needed
+    const rHex = ('0' + r.toString(16)).slice(-2);
+    const gHex = ('0' + g.toString(16)).slice(-2);
+    const bHex = ('0' + b.toString(16)).slice(-2);
+
+    // Combine parts: '#' + random RGB + original Alpha (if any)
+    return `#${rHex}${gHex}${bHex}${alpha}`;
+}
+
+init();
+// [END maps_3d_polygon_click_event]
diff --git a/dist/samples/3d-polygon-click-event/app/package.json b/dist/samples/3d-polygon-click-event/app/package.json
new file mode 100644
index 00000000..207fdd8c
--- /dev/null
+++ b/dist/samples/3d-polygon-click-event/app/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@js-api-samples/3d-polygon-click-event",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "tsc && bash ../jsfiddle.sh 3d-polygon-click-event && bash ../app.sh 3d-polygon-click-event && bash ../docs.sh 3d-polygon-click-event &&  npm run build:vite --workspace=. && bash ../dist.sh 3d-polygon-click-event",
+    "test": "tsc && npm run build:vite --workspace=.",
+    "start": "tsc && vite build --base './' && vite",
+    "build:vite": "vite build --base './'",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    
+  }
+}
diff --git a/dist/samples/3d-polygon-click-event/app/style.css b/dist/samples/3d-polygon-click-event/app/style.css
new file mode 100644
index 00000000..f0bba123
--- /dev/null
+++ b/dist/samples/3d-polygon-click-event/app/style.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_polygon_click_event] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+/* [END maps_3d_polygon_click_event] */
diff --git a/dist/samples/3d-polygon-click-event/app/tsconfig.json b/dist/samples/3d-polygon-click-event/app/tsconfig.json
new file mode 100644
index 00000000..366aabb0
--- /dev/null
+++ b/dist/samples/3d-polygon-click-event/app/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "target": "esnext",
+    "strict": true,
+    "noImplicitAny": false,
+    "lib": [
+      "es2015",
+      "esnext",
+      "es6",
+      "dom",
+      "dom.iterable"
+    ],
+    "moduleResolution": "Node",
+    "jsx": "preserve"
+  }
+}
diff --git a/dist/samples/3d-polygon-click-event/dist/assets/index-CTsx_RUx.js b/dist/samples/3d-polygon-click-event/dist/assets/index-CTsx_RUx.js
new file mode 100644
index 00000000..f71f0ef1
--- /dev/null
+++ b/dist/samples/3d-polygon-click-event/dist/assets/index-CTsx_RUx.js
@@ -0,0 +1,5 @@
+(function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))n(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const o of t.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&n(o)}).observe(document,{childList:!0,subtree:!0});function s(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function n(e){if(e.ep)return;e.ep=!0;const t=s(e);fetch(e.href,t)}})();/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/async function a(){const{Map3DElement:l,MapMode:r,Polygon3DInteractiveElement:s}=await google.maps.importLibrary("maps3d"),n=new l({center:{lat:40.6842,lng:-74.0019,altitude:1e3},heading:340,tilt:70,mode:r.HYBRID});document.body.append(n);const e={strokeColor:"#0000ff80",strokeWidth:8,fillColor:"#ff000080",drawsOccludedSegments:!1},t=new google.maps.maps3d.Polygon3DInteractiveElement(e);t.outerCoordinates=[{lat:40.7144,lng:-74.0208},{lat:40.6993,lng:-74.019},{lat:40.7035,lng:-74.0004},{lat:40.7144,lng:-74.0208}],t.addEventListener("gmp-click",o=>{o.target.fillColor=i(o.target.fillColor),o.target.strokeColor=i(o.target.fillColor),console.log(o)}),n.append(t)}function i(l){console.log(l);let r="";r=l.substring(7);const s=Math.floor(Math.random()*256),n=Math.floor(Math.random()*256),e=Math.floor(Math.random()*256);console.log(s+" "+n+" "+e);const t=("0"+s.toString(16)).slice(-2),o=("0"+n.toString(16)).slice(-2),c=("0"+e.toString(16)).slice(-2);return`#${t}${o}${c}${r}`}a();
diff --git a/dist/samples/3d-polygon-click-event/dist/assets/index-DDwKyjRS.css b/dist/samples/3d-polygon-click-event/dist/assets/index-DDwKyjRS.css
new file mode 100644
index 00000000..af40d498
--- /dev/null
+++ b/dist/samples/3d-polygon-click-event/dist/assets/index-DDwKyjRS.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/html,map{height:100%}body{height:100%;margin:0;padding:0}
diff --git a/dist/samples/3d-polygon-click-event/dist/index.html b/dist/samples/3d-polygon-click-event/dist/index.html
new file mode 100644
index 00000000..a2d10ec9
--- /dev/null
+++ b/dist/samples/3d-polygon-click-event/dist/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polygon_click_event] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <script type="module" crossorigin src="./assets/index-CTsx_RUx.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-DDwKyjRS.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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polygon_click_event] -->
diff --git a/dist/samples/3d-polygon-click-event/docs/index.html b/dist/samples/3d-polygon-click-event/docs/index.html
new file mode 100644
index 00000000..d5e15434
--- /dev/null
+++ b/dist/samples/3d-polygon-click-event/docs/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polygon_click_event] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polygon_click_event] -->
diff --git a/dist/samples/3d-polygon-click-event/docs/index.js b/dist/samples/3d-polygon-click-event/docs/index.js
new file mode 100644
index 00000000..fd7fae17
--- /dev/null
+++ b/dist/samples/3d-polygon-click-event/docs/index.js
@@ -0,0 +1,56 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+// [START maps_3d_polygon_click_event]
+async function init() {
+    const { Map3DElement, MapMode, Polygon3DInteractiveElement } = await google.maps.importLibrary("maps3d");
+    const map = new Map3DElement({
+        center: { lat: 40.6842, lng: -74.0019, altitude: 1000 },
+        heading: 340,
+        tilt: 70,
+        mode: MapMode.HYBRID,
+    });
+    document.body.append(map);
+    const polygonOptions = {
+        strokeColor: "#0000ff80",
+        strokeWidth: 8,
+        fillColor: "#ff000080",
+        drawsOccludedSegments: false,
+    };
+    const examplePolygon = new google.maps.maps3d.Polygon3DInteractiveElement(polygonOptions);
+    examplePolygon.outerCoordinates = [
+        { lat: 40.7144, lng: -74.0208 },
+        { lat: 40.6993, lng: -74.019 },
+        { lat: 40.7035, lng: -74.0004 },
+        { lat: 40.7144, lng: -74.0208 }
+    ];
+    examplePolygon.addEventListener('gmp-click', (event) => {
+        // change the color of the polygon stroke and fill colors to a random alternatives!
+        event.target.fillColor = randomizeHexColor(event.target.fillColor);
+        event.target.strokeColor = randomizeHexColor(event.target.fillColor);
+        console.log(event);
+    });
+    map.append(examplePolygon);
+}
+function randomizeHexColor(originalHexColor) {
+    console.log(originalHexColor);
+    let alpha = '';
+    alpha = originalHexColor.substring(7);
+    // Generate random values for Red, Green, Blue (0-255)
+    const r = Math.floor(Math.random() * 256);
+    const g = Math.floor(Math.random() * 256);
+    const b = Math.floor(Math.random() * 256);
+    console.log(r + " " + g + " " + b);
+    // Convert decimal to 2-digit hex, padding with '0' if needed
+    const rHex = ('0' + r.toString(16)).slice(-2);
+    const gHex = ('0' + g.toString(16)).slice(-2);
+    const bHex = ('0' + b.toString(16)).slice(-2);
+    // Combine parts: '#' + random RGB + original Alpha (if any)
+    return `#${rHex}${gHex}${bHex}${alpha}`;
+}
+init();
+// [END maps_3d_polygon_click_event]
diff --git a/dist/samples/3d-polygon-click-event/docs/index.ts b/dist/samples/3d-polygon-click-event/docs/index.ts
new file mode 100644
index 00000000..3fa1b14e
--- /dev/null
+++ b/dist/samples/3d-polygon-click-event/docs/index.ts
@@ -0,0 +1,69 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_polygon_click_event]
+async function init() {
+    const { Map3DElement, MapMode, Polygon3DInteractiveElement } = await google.maps.importLibrary("maps3d");
+
+    const map = new Map3DElement({
+        center: { lat: 40.6842, lng: -74.0019, altitude: 1000 },
+        heading: 340,
+        tilt: 70,
+        mode: MapMode.HYBRID,
+    });
+
+    document.body.append(map);
+
+    const polygonOptions = {
+        strokeColor: "#0000ff80",
+        strokeWidth: 8,
+        fillColor: "#ff000080",
+        drawsOccludedSegments: false,
+    }
+
+    const examplePolygon = new google.maps.maps3d.Polygon3DInteractiveElement(polygonOptions);
+
+    examplePolygon.outerCoordinates = [
+        { lat: 40.7144, lng: -74.0208 },
+        { lat: 40.6993, lng: -74.019 },
+        { lat: 40.7035, lng: -74.0004 },
+        { lat: 40.7144, lng: -74.0208 }
+    ];
+
+    examplePolygon.addEventListener('gmp-click', (event) => {
+        // change the color of the polygon stroke and fill colors to a random alternatives!
+        event.target.fillColor = randomizeHexColor(event.target.fillColor);
+        event.target.strokeColor = randomizeHexColor(event.target.fillColor);
+        console.log(event);
+    });
+
+    map.append(examplePolygon);
+}
+
+function randomizeHexColor(originalHexColor) {
+    console.log(originalHexColor);
+    let alpha = '';
+    alpha = originalHexColor.substring(7);
+
+    // Generate random values for Red, Green, Blue (0-255)
+    const r = Math.floor(Math.random() * 256);
+    const g = Math.floor(Math.random() * 256);
+    const b = Math.floor(Math.random() * 256);
+
+    console.log(r + " " + g + " " + b);
+
+    // Convert decimal to 2-digit hex, padding with '0' if needed
+    const rHex = ('0' + r.toString(16)).slice(-2);
+    const gHex = ('0' + g.toString(16)).slice(-2);
+    const bHex = ('0' + b.toString(16)).slice(-2);
+
+    // Combine parts: '#' + random RGB + original Alpha (if any)
+    return `#${rHex}${gHex}${bHex}${alpha}`;
+}
+
+init();
+// [END maps_3d_polygon_click_event]
diff --git a/dist/samples/3d-polygon-click-event/docs/style.css b/dist/samples/3d-polygon-click-event/docs/style.css
new file mode 100644
index 00000000..f0bba123
--- /dev/null
+++ b/dist/samples/3d-polygon-click-event/docs/style.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_polygon_click_event] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+/* [END maps_3d_polygon_click_event] */
diff --git a/dist/samples/3d-polygon-click-event/jsfiddle/demo.css b/dist/samples/3d-polygon-click-event/jsfiddle/demo.css
new file mode 100644
index 00000000..a74f30bc
--- /dev/null
+++ b/dist/samples/3d-polygon-click-event/jsfiddle/demo.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
diff --git a/dist/samples/3d-polygon-click-event/jsfiddle/demo.details b/dist/samples/3d-polygon-click-event/jsfiddle/demo.details
new file mode 100644
index 00000000..7217d174
--- /dev/null
+++ b/dist/samples/3d-polygon-click-event/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: 3d-polygon-click-event
+authors:
+  - Geo Developer IX Documentation Team
+tags:
+  - google maps
+load_type: h
+description: Sample code supporting Google Maps Platform JavaScript API documentation.
diff --git a/dist/samples/3d-polygon-click-event/jsfiddle/demo.html b/dist/samples/3d-polygon-click-event/jsfiddle/demo.html
new file mode 100644
index 00000000..0bf9e340
--- /dev/null
+++ b/dist/samples/3d-polygon-click-event/jsfiddle/demo.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+
diff --git a/dist/samples/3d-polygon-click-event/jsfiddle/demo.js b/dist/samples/3d-polygon-click-event/jsfiddle/demo.js
new file mode 100644
index 00000000..59c6537b
--- /dev/null
+++ b/dist/samples/3d-polygon-click-event/jsfiddle/demo.js
@@ -0,0 +1,56 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+
+async function init() {
+    const { Map3DElement, MapMode, Polygon3DInteractiveElement } = await google.maps.importLibrary("maps3d");
+    const map = new Map3DElement({
+        center: { lat: 40.6842, lng: -74.0019, altitude: 1000 },
+        heading: 340,
+        tilt: 70,
+        mode: MapMode.HYBRID,
+    });
+    document.body.append(map);
+    const polygonOptions = {
+        strokeColor: "#0000ff80",
+        strokeWidth: 8,
+        fillColor: "#ff000080",
+        drawsOccludedSegments: false,
+    };
+    const examplePolygon = new google.maps.maps3d.Polygon3DInteractiveElement(polygonOptions);
+    examplePolygon.outerCoordinates = [
+        { lat: 40.7144, lng: -74.0208 },
+        { lat: 40.6993, lng: -74.019 },
+        { lat: 40.7035, lng: -74.0004 },
+        { lat: 40.7144, lng: -74.0208 }
+    ];
+    examplePolygon.addEventListener('gmp-click', (event) => {
+        // change the color of the polygon stroke and fill colors to a random alternatives!
+        event.target.fillColor = randomizeHexColor(event.target.fillColor);
+        event.target.strokeColor = randomizeHexColor(event.target.fillColor);
+        console.log(event);
+    });
+    map.append(examplePolygon);
+}
+function randomizeHexColor(originalHexColor) {
+    console.log(originalHexColor);
+    let alpha = '';
+    alpha = originalHexColor.substring(7);
+    // Generate random values for Red, Green, Blue (0-255)
+    const r = Math.floor(Math.random() * 256);
+    const g = Math.floor(Math.random() * 256);
+    const b = Math.floor(Math.random() * 256);
+    console.log(r + " " + g + " " + b);
+    // Convert decimal to 2-digit hex, padding with '0' if needed
+    const rHex = ('0' + r.toString(16)).slice(-2);
+    const gHex = ('0' + g.toString(16)).slice(-2);
+    const bHex = ('0' + b.toString(16)).slice(-2);
+    // Combine parts: '#' + random RGB + original Alpha (if any)
+    return `#${rHex}${gHex}${bHex}${alpha}`;
+}
+init();
+
diff --git a/dist/samples/3d-polygon-extruded-hole/app/.eslintsrc.json b/dist/samples/3d-polygon-extruded-hole/app/.eslintsrc.json
new file mode 100644
index 00000000..4c44dab0
--- /dev/null
+++ b/dist/samples/3d-polygon-extruded-hole/app/.eslintsrc.json
@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "rules": {
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/no-this-alias": 1,
+    "@typescript-eslint/no-empty-function": 1,
+    "@typescript-eslint/explicit-module-boundary-types": 1,
+    "@typescript-eslint/no-unused-vars": 1
+  }
+}
diff --git a/dist/samples/3d-polygon-extruded-hole/app/index.html b/dist/samples/3d-polygon-extruded-hole/app/index.html
new file mode 100644
index 00000000..fb0b806f
--- /dev/null
+++ b/dist/samples/3d-polygon-extruded-hole/app/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polygon_extruded_hole] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polygon_extruded_hole] -->
diff --git a/dist/samples/3d-polygon-extruded-hole/app/index.ts b/dist/samples/3d-polygon-extruded-hole/app/index.ts
new file mode 100644
index 00000000..f4fd8b59
--- /dev/null
+++ b/dist/samples/3d-polygon-extruded-hole/app/index.ts
@@ -0,0 +1,52 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_polygon_extruded_hole]
+async function init() {
+    const { Map3DElement, MapMode, AltitudeMode, Polygon3DElement } = await google.maps.importLibrary("maps3d");
+
+    const map3DElement = new Map3DElement({
+        center: { lat: 40.6842, lng: -74.0019, altitude: 1000 },
+        heading: 340,
+        tilt: 70,
+        mode: MapMode.HYBRID,
+    });
+
+    const polygonOptions = {
+        strokeColor: "#0000ff80",
+        strokeWidth: 8,
+        fillColor: "#ff000080",
+        drawsOccludedSegments: false,
+        extruded: true,
+        altitudeMode : AltitudeMode.RELATIVE_TO_GROUND
+    }
+
+    const examplePolygon = new google.maps.maps3d.Polygon3DElement(polygonOptions);
+
+    examplePolygon.outerCoordinates = [
+        { lat: 40.7144, lng: -74.0208, altitude: 200 },
+        { lat: 40.6993, lng: -74.019, altitude: 200 },
+        { lat: 40.7035, lng: -74.0004, altitude: 200 },
+        { lat: 40.7144, lng: -74.0208, altitude: 200 }
+    ];
+
+    examplePolygon.innerCoordinates = [
+        [
+            { lat: 40.71, lng: -74.0175, altitude: 200 },
+            { lat: 40.703, lng: -74.0165, altitude: 200 },
+            { lat: 40.7035, lng: -74.006, altitude: 200 },
+            { lat: 40.71, lng: -74.0175, altitude: 200 }
+        ]
+    ];
+
+    map3DElement.append(examplePolygon);
+
+    document.body.append(map3DElement);
+}
+
+init();
+// [END maps_3d_polygon_extruded_hole]
diff --git a/dist/samples/3d-polygon-extruded-hole/app/package.json b/dist/samples/3d-polygon-extruded-hole/app/package.json
new file mode 100644
index 00000000..1ac88b14
--- /dev/null
+++ b/dist/samples/3d-polygon-extruded-hole/app/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@js-api-samples/3d-polygon-extruded-hole",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "tsc && bash ../jsfiddle.sh 3d-polygon-extruded-hole && bash ../app.sh 3d-polygon-extruded-hole && bash ../docs.sh 3d-polygon-extruded-hole &&  npm run build:vite --workspace=. && bash ../dist.sh 3d-polygon-extruded-hole",
+    "test": "tsc && npm run build:vite --workspace=.",
+    "start": "tsc && vite build --base './' && vite",
+    "build:vite": "vite build --base './'",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    
+  }
+}
diff --git a/dist/samples/3d-polygon-extruded-hole/app/style.css b/dist/samples/3d-polygon-extruded-hole/app/style.css
new file mode 100644
index 00000000..81dc8ef9
--- /dev/null
+++ b/dist/samples/3d-polygon-extruded-hole/app/style.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_polygon_extruded_hole] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+/* [END maps_3d_polygon_extruded_hole] */
diff --git a/dist/samples/3d-polygon-extruded-hole/app/tsconfig.json b/dist/samples/3d-polygon-extruded-hole/app/tsconfig.json
new file mode 100644
index 00000000..366aabb0
--- /dev/null
+++ b/dist/samples/3d-polygon-extruded-hole/app/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "target": "esnext",
+    "strict": true,
+    "noImplicitAny": false,
+    "lib": [
+      "es2015",
+      "esnext",
+      "es6",
+      "dom",
+      "dom.iterable"
+    ],
+    "moduleResolution": "Node",
+    "jsx": "preserve"
+  }
+}
diff --git a/dist/samples/3d-polygon-extruded-hole/dist/assets/index-D6xZirmX.js b/dist/samples/3d-polygon-extruded-hole/dist/assets/index-D6xZirmX.js
new file mode 100644
index 00000000..5046c4be
--- /dev/null
+++ b/dist/samples/3d-polygon-extruded-hole/dist/assets/index-D6xZirmX.js
@@ -0,0 +1,5 @@
+(function(){const l=document.createElement("link").relList;if(l&&l.supports&&l.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const o of t.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&r(o)}).observe(document,{childList:!0,subtree:!0});function n(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function r(e){if(e.ep)return;e.ep=!0;const t=n(e);fetch(e.href,t)}})();/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/async function a(){const{Map3DElement:i,MapMode:l,AltitudeMode:n,Polygon3DElement:r}=await google.maps.importLibrary("maps3d"),e=new i({center:{lat:40.6842,lng:-74.0019,altitude:1e3},heading:340,tilt:70,mode:l.HYBRID}),t={strokeColor:"#0000ff80",strokeWidth:8,fillColor:"#ff000080",drawsOccludedSegments:!1,extruded:!0,altitudeMode:n.RELATIVE_TO_GROUND},o=new google.maps.maps3d.Polygon3DElement(t);o.outerCoordinates=[{lat:40.7144,lng:-74.0208,altitude:200},{lat:40.6993,lng:-74.019,altitude:200},{lat:40.7035,lng:-74.0004,altitude:200},{lat:40.7144,lng:-74.0208,altitude:200}],o.innerCoordinates=[[{lat:40.71,lng:-74.0175,altitude:200},{lat:40.703,lng:-74.0165,altitude:200},{lat:40.7035,lng:-74.006,altitude:200},{lat:40.71,lng:-74.0175,altitude:200}]],e.append(o),document.body.append(e)}a();
diff --git a/dist/samples/3d-polygon-extruded-hole/dist/assets/index-DDwKyjRS.css b/dist/samples/3d-polygon-extruded-hole/dist/assets/index-DDwKyjRS.css
new file mode 100644
index 00000000..af40d498
--- /dev/null
+++ b/dist/samples/3d-polygon-extruded-hole/dist/assets/index-DDwKyjRS.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/html,map{height:100%}body{height:100%;margin:0;padding:0}
diff --git a/dist/samples/3d-polygon-extruded-hole/dist/index.html b/dist/samples/3d-polygon-extruded-hole/dist/index.html
new file mode 100644
index 00000000..1430a246
--- /dev/null
+++ b/dist/samples/3d-polygon-extruded-hole/dist/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polygon_extruded_hole] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <script type="module" crossorigin src="./assets/index-D6xZirmX.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-DDwKyjRS.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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polygon_extruded_hole] -->
diff --git a/dist/samples/3d-polygon-extruded-hole/docs/index.html b/dist/samples/3d-polygon-extruded-hole/docs/index.html
new file mode 100644
index 00000000..fb0b806f
--- /dev/null
+++ b/dist/samples/3d-polygon-extruded-hole/docs/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polygon_extruded_hole] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polygon_extruded_hole] -->
diff --git a/dist/samples/3d-polygon-extruded-hole/docs/index.js b/dist/samples/3d-polygon-extruded-hole/docs/index.js
new file mode 100644
index 00000000..6e2dec1f
--- /dev/null
+++ b/dist/samples/3d-polygon-extruded-hole/docs/index.js
@@ -0,0 +1,44 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+// [START maps_3d_polygon_extruded_hole]
+async function init() {
+    const { Map3DElement, MapMode, AltitudeMode, Polygon3DElement } = await google.maps.importLibrary("maps3d");
+    const map3DElement = new Map3DElement({
+        center: { lat: 40.6842, lng: -74.0019, altitude: 1000 },
+        heading: 340,
+        tilt: 70,
+        mode: MapMode.HYBRID,
+    });
+    const polygonOptions = {
+        strokeColor: "#0000ff80",
+        strokeWidth: 8,
+        fillColor: "#ff000080",
+        drawsOccludedSegments: false,
+        extruded: true,
+        altitudeMode: AltitudeMode.RELATIVE_TO_GROUND
+    };
+    const examplePolygon = new google.maps.maps3d.Polygon3DElement(polygonOptions);
+    examplePolygon.outerCoordinates = [
+        { lat: 40.7144, lng: -74.0208, altitude: 200 },
+        { lat: 40.6993, lng: -74.019, altitude: 200 },
+        { lat: 40.7035, lng: -74.0004, altitude: 200 },
+        { lat: 40.7144, lng: -74.0208, altitude: 200 }
+    ];
+    examplePolygon.innerCoordinates = [
+        [
+            { lat: 40.71, lng: -74.0175, altitude: 200 },
+            { lat: 40.703, lng: -74.0165, altitude: 200 },
+            { lat: 40.7035, lng: -74.006, altitude: 200 },
+            { lat: 40.71, lng: -74.0175, altitude: 200 }
+        ]
+    ];
+    map3DElement.append(examplePolygon);
+    document.body.append(map3DElement);
+}
+init();
+// [END maps_3d_polygon_extruded_hole]
diff --git a/dist/samples/3d-polygon-extruded-hole/docs/index.ts b/dist/samples/3d-polygon-extruded-hole/docs/index.ts
new file mode 100644
index 00000000..f4fd8b59
--- /dev/null
+++ b/dist/samples/3d-polygon-extruded-hole/docs/index.ts
@@ -0,0 +1,52 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_polygon_extruded_hole]
+async function init() {
+    const { Map3DElement, MapMode, AltitudeMode, Polygon3DElement } = await google.maps.importLibrary("maps3d");
+
+    const map3DElement = new Map3DElement({
+        center: { lat: 40.6842, lng: -74.0019, altitude: 1000 },
+        heading: 340,
+        tilt: 70,
+        mode: MapMode.HYBRID,
+    });
+
+    const polygonOptions = {
+        strokeColor: "#0000ff80",
+        strokeWidth: 8,
+        fillColor: "#ff000080",
+        drawsOccludedSegments: false,
+        extruded: true,
+        altitudeMode : AltitudeMode.RELATIVE_TO_GROUND
+    }
+
+    const examplePolygon = new google.maps.maps3d.Polygon3DElement(polygonOptions);
+
+    examplePolygon.outerCoordinates = [
+        { lat: 40.7144, lng: -74.0208, altitude: 200 },
+        { lat: 40.6993, lng: -74.019, altitude: 200 },
+        { lat: 40.7035, lng: -74.0004, altitude: 200 },
+        { lat: 40.7144, lng: -74.0208, altitude: 200 }
+    ];
+
+    examplePolygon.innerCoordinates = [
+        [
+            { lat: 40.71, lng: -74.0175, altitude: 200 },
+            { lat: 40.703, lng: -74.0165, altitude: 200 },
+            { lat: 40.7035, lng: -74.006, altitude: 200 },
+            { lat: 40.71, lng: -74.0175, altitude: 200 }
+        ]
+    ];
+
+    map3DElement.append(examplePolygon);
+
+    document.body.append(map3DElement);
+}
+
+init();
+// [END maps_3d_polygon_extruded_hole]
diff --git a/dist/samples/3d-polygon-extruded-hole/docs/style.css b/dist/samples/3d-polygon-extruded-hole/docs/style.css
new file mode 100644
index 00000000..81dc8ef9
--- /dev/null
+++ b/dist/samples/3d-polygon-extruded-hole/docs/style.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_polygon_extruded_hole] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+/* [END maps_3d_polygon_extruded_hole] */
diff --git a/dist/samples/3d-polygon-extruded-hole/jsfiddle/demo.css b/dist/samples/3d-polygon-extruded-hole/jsfiddle/demo.css
new file mode 100644
index 00000000..a74f30bc
--- /dev/null
+++ b/dist/samples/3d-polygon-extruded-hole/jsfiddle/demo.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
diff --git a/dist/samples/3d-polygon-extruded-hole/jsfiddle/demo.details b/dist/samples/3d-polygon-extruded-hole/jsfiddle/demo.details
new file mode 100644
index 00000000..5c7d3374
--- /dev/null
+++ b/dist/samples/3d-polygon-extruded-hole/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: 3d-polygon-extruded-hole
+authors:
+  - Geo Developer IX Documentation Team
+tags:
+  - google maps
+load_type: h
+description: Sample code supporting Google Maps Platform JavaScript API documentation.
diff --git a/dist/samples/3d-polygon-extruded-hole/jsfiddle/demo.html b/dist/samples/3d-polygon-extruded-hole/jsfiddle/demo.html
new file mode 100644
index 00000000..0bf9e340
--- /dev/null
+++ b/dist/samples/3d-polygon-extruded-hole/jsfiddle/demo.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+
diff --git a/dist/samples/3d-polygon-extruded-hole/jsfiddle/demo.js b/dist/samples/3d-polygon-extruded-hole/jsfiddle/demo.js
new file mode 100644
index 00000000..6be39fba
--- /dev/null
+++ b/dist/samples/3d-polygon-extruded-hole/jsfiddle/demo.js
@@ -0,0 +1,44 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+
+async function init() {
+    const { Map3DElement, MapMode, AltitudeMode, Polygon3DElement } = await google.maps.importLibrary("maps3d");
+    const map3DElement = new Map3DElement({
+        center: { lat: 40.6842, lng: -74.0019, altitude: 1000 },
+        heading: 340,
+        tilt: 70,
+        mode: MapMode.HYBRID,
+    });
+    const polygonOptions = {
+        strokeColor: "#0000ff80",
+        strokeWidth: 8,
+        fillColor: "#ff000080",
+        drawsOccludedSegments: false,
+        extruded: true,
+        altitudeMode: AltitudeMode.RELATIVE_TO_GROUND
+    };
+    const examplePolygon = new google.maps.maps3d.Polygon3DElement(polygonOptions);
+    examplePolygon.outerCoordinates = [
+        { lat: 40.7144, lng: -74.0208, altitude: 200 },
+        { lat: 40.6993, lng: -74.019, altitude: 200 },
+        { lat: 40.7035, lng: -74.0004, altitude: 200 },
+        { lat: 40.7144, lng: -74.0208, altitude: 200 }
+    ];
+    examplePolygon.innerCoordinates = [
+        [
+            { lat: 40.71, lng: -74.0175, altitude: 200 },
+            { lat: 40.703, lng: -74.0165, altitude: 200 },
+            { lat: 40.7035, lng: -74.006, altitude: 200 },
+            { lat: 40.71, lng: -74.0175, altitude: 200 }
+        ]
+    ];
+    map3DElement.append(examplePolygon);
+    document.body.append(map3DElement);
+}
+init();
+
diff --git a/dist/samples/3d-polygon/app/.eslintsrc.json b/dist/samples/3d-polygon/app/.eslintsrc.json
new file mode 100644
index 00000000..4c44dab0
--- /dev/null
+++ b/dist/samples/3d-polygon/app/.eslintsrc.json
@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "rules": {
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/no-this-alias": 1,
+    "@typescript-eslint/no-empty-function": 1,
+    "@typescript-eslint/explicit-module-boundary-types": 1,
+    "@typescript-eslint/no-unused-vars": 1
+  }
+}
diff --git a/dist/samples/3d-polygon/app/index.html b/dist/samples/3d-polygon/app/index.html
new file mode 100644
index 00000000..72295beb
--- /dev/null
+++ b/dist/samples/3d-polygon/app/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polygon] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polygon] -->
diff --git a/dist/samples/3d-polygon/app/index.ts b/dist/samples/3d-polygon/app/index.ts
new file mode 100644
index 00000000..4bc0c6bd
--- /dev/null
+++ b/dist/samples/3d-polygon/app/index.ts
@@ -0,0 +1,41 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_polygon]
+async function init() {
+    const { Map3DElement, MapMode, Polygon3DElement } = await google.maps.importLibrary("maps3d");
+    
+    const map3DElement = new Map3DElement({
+        center: { lat: 40.6842, lng: -74.0019, altitude: 1000 },
+        heading: 340,
+        tilt: 70,
+        mode: MapMode.HYBRID,
+    });
+
+    const polygonOptions = {
+        strokeColor: "#0000ff80",
+        strokeWidth: 8,
+        fillColor: "#ff000080",
+        drawsOccludedSegments: false,
+    }
+
+    const examplePolygon = new google.maps.maps3d.Polygon3DElement(polygonOptions);
+
+    examplePolygon.outerCoordinates = [
+        { lat: 40.7144, lng: -74.0208 },
+        { lat: 40.6993, lng: -74.019 },
+        { lat: 40.7035, lng: -74.0004 },
+        { lat: 40.7144, lng: -74.0208 }
+    ];
+
+    map3DElement.append(examplePolygon);
+
+    document.body.append(map3DElement);
+}
+
+init();
+// [END maps_3d_polygon]
diff --git a/dist/samples/3d-polygon/app/package.json b/dist/samples/3d-polygon/app/package.json
new file mode 100644
index 00000000..8eec5ea2
--- /dev/null
+++ b/dist/samples/3d-polygon/app/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@js-api-samples/3d-polygon",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "tsc && bash ../jsfiddle.sh 3d-polygon && bash ../app.sh 3d-polygon && bash ../docs.sh 3d-polygon &&  npm run build:vite --workspace=. && bash ../dist.sh 3d-polygon",
+    "test": "tsc && npm run build:vite --workspace=.",
+    "start": "tsc && vite build --base './' && vite",
+    "build:vite": "vite build --base './'",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.51.1"
+  }
+}
diff --git a/dist/samples/3d-polygon/app/style.css b/dist/samples/3d-polygon/app/style.css
new file mode 100644
index 00000000..04901599
--- /dev/null
+++ b/dist/samples/3d-polygon/app/style.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_polygon] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+/* [END maps_3d_polygon] */
diff --git a/dist/samples/3d-polygon/app/tsconfig.json b/dist/samples/3d-polygon/app/tsconfig.json
new file mode 100644
index 00000000..366aabb0
--- /dev/null
+++ b/dist/samples/3d-polygon/app/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "target": "esnext",
+    "strict": true,
+    "noImplicitAny": false,
+    "lib": [
+      "es2015",
+      "esnext",
+      "es6",
+      "dom",
+      "dom.iterable"
+    ],
+    "moduleResolution": "Node",
+    "jsx": "preserve"
+  }
+}
diff --git a/dist/samples/3d-polygon/dist/assets/index-DDwKyjRS.css b/dist/samples/3d-polygon/dist/assets/index-DDwKyjRS.css
new file mode 100644
index 00000000..af40d498
--- /dev/null
+++ b/dist/samples/3d-polygon/dist/assets/index-DDwKyjRS.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/html,map{height:100%}body{height:100%;margin:0;padding:0}
diff --git a/dist/samples/3d-polygon/dist/assets/index-DqeIoknq.js b/dist/samples/3d-polygon/dist/assets/index-DqeIoknq.js
new file mode 100644
index 00000000..89d4610d
--- /dev/null
+++ b/dist/samples/3d-polygon/dist/assets/index-DqeIoknq.js
@@ -0,0 +1,5 @@
+(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const n of t.addedNodes)n.tagName==="LINK"&&n.rel==="modulepreload"&&r(n)}).observe(document,{childList:!0,subtree:!0});function s(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function r(e){if(e.ep)return;e.ep=!0;const t=s(e);fetch(e.href,t)}})();/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/async function i(){const{Map3DElement:l,MapMode:o,Polygon3DElement:s}=await google.maps.importLibrary("maps3d"),r=new l({center:{lat:40.6842,lng:-74.0019,altitude:1e3},heading:340,tilt:70,mode:o.HYBRID}),e={strokeColor:"#0000ff80",strokeWidth:8,fillColor:"#ff000080",drawsOccludedSegments:!1},t=new google.maps.maps3d.Polygon3DElement(e);t.outerCoordinates=[{lat:40.7144,lng:-74.0208},{lat:40.6993,lng:-74.019},{lat:40.7035,lng:-74.0004},{lat:40.7144,lng:-74.0208}],r.append(t),document.body.append(r)}i();
diff --git a/dist/samples/3d-polygon/dist/index.html b/dist/samples/3d-polygon/dist/index.html
new file mode 100644
index 00000000..50f86d96
--- /dev/null
+++ b/dist/samples/3d-polygon/dist/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polygon] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <script type="module" crossorigin src="./assets/index-DqeIoknq.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-DDwKyjRS.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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polygon] -->
diff --git a/dist/samples/3d-polygon/docs/index.html b/dist/samples/3d-polygon/docs/index.html
new file mode 100644
index 00000000..72295beb
--- /dev/null
+++ b/dist/samples/3d-polygon/docs/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polygon] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polygon] -->
diff --git a/dist/samples/3d-polygon/docs/index.js b/dist/samples/3d-polygon/docs/index.js
new file mode 100644
index 00000000..afb3569c
--- /dev/null
+++ b/dist/samples/3d-polygon/docs/index.js
@@ -0,0 +1,34 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+// [START maps_3d_polygon]
+async function init() {
+    const { Map3DElement, MapMode, Polygon3DElement } = await google.maps.importLibrary("maps3d");
+    const map3DElement = new Map3DElement({
+        center: { lat: 40.6842, lng: -74.0019, altitude: 1000 },
+        heading: 340,
+        tilt: 70,
+        mode: MapMode.HYBRID,
+    });
+    const polygonOptions = {
+        strokeColor: "#0000ff80",
+        strokeWidth: 8,
+        fillColor: "#ff000080",
+        drawsOccludedSegments: false,
+    };
+    const examplePolygon = new google.maps.maps3d.Polygon3DElement(polygonOptions);
+    examplePolygon.outerCoordinates = [
+        { lat: 40.7144, lng: -74.0208 },
+        { lat: 40.6993, lng: -74.019 },
+        { lat: 40.7035, lng: -74.0004 },
+        { lat: 40.7144, lng: -74.0208 }
+    ];
+    map3DElement.append(examplePolygon);
+    document.body.append(map3DElement);
+}
+init();
+// [END maps_3d_polygon]
diff --git a/dist/samples/3d-polygon/docs/index.ts b/dist/samples/3d-polygon/docs/index.ts
new file mode 100644
index 00000000..4bc0c6bd
--- /dev/null
+++ b/dist/samples/3d-polygon/docs/index.ts
@@ -0,0 +1,41 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_polygon]
+async function init() {
+    const { Map3DElement, MapMode, Polygon3DElement } = await google.maps.importLibrary("maps3d");
+    
+    const map3DElement = new Map3DElement({
+        center: { lat: 40.6842, lng: -74.0019, altitude: 1000 },
+        heading: 340,
+        tilt: 70,
+        mode: MapMode.HYBRID,
+    });
+
+    const polygonOptions = {
+        strokeColor: "#0000ff80",
+        strokeWidth: 8,
+        fillColor: "#ff000080",
+        drawsOccludedSegments: false,
+    }
+
+    const examplePolygon = new google.maps.maps3d.Polygon3DElement(polygonOptions);
+
+    examplePolygon.outerCoordinates = [
+        { lat: 40.7144, lng: -74.0208 },
+        { lat: 40.6993, lng: -74.019 },
+        { lat: 40.7035, lng: -74.0004 },
+        { lat: 40.7144, lng: -74.0208 }
+    ];
+
+    map3DElement.append(examplePolygon);
+
+    document.body.append(map3DElement);
+}
+
+init();
+// [END maps_3d_polygon]
diff --git a/dist/samples/3d-polygon/docs/style.css b/dist/samples/3d-polygon/docs/style.css
new file mode 100644
index 00000000..04901599
--- /dev/null
+++ b/dist/samples/3d-polygon/docs/style.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_polygon] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+/* [END maps_3d_polygon] */
diff --git a/dist/samples/3d-polygon/jsfiddle/demo.css b/dist/samples/3d-polygon/jsfiddle/demo.css
new file mode 100644
index 00000000..a74f30bc
--- /dev/null
+++ b/dist/samples/3d-polygon/jsfiddle/demo.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
diff --git a/dist/samples/3d-polygon/jsfiddle/demo.details b/dist/samples/3d-polygon/jsfiddle/demo.details
new file mode 100644
index 00000000..4cfd329c
--- /dev/null
+++ b/dist/samples/3d-polygon/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: 3d-polygon
+authors:
+  - Geo Developer IX Documentation Team
+tags:
+  - google maps
+load_type: h
+description: Sample code supporting Google Maps Platform JavaScript API documentation.
diff --git a/dist/samples/3d-polygon/jsfiddle/demo.html b/dist/samples/3d-polygon/jsfiddle/demo.html
new file mode 100644
index 00000000..0bf9e340
--- /dev/null
+++ b/dist/samples/3d-polygon/jsfiddle/demo.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+
diff --git a/dist/samples/3d-polygon/jsfiddle/demo.js b/dist/samples/3d-polygon/jsfiddle/demo.js
new file mode 100644
index 00000000..0bd8ea28
--- /dev/null
+++ b/dist/samples/3d-polygon/jsfiddle/demo.js
@@ -0,0 +1,34 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+
+async function init() {
+    const { Map3DElement, MapMode, Polygon3DElement } = await google.maps.importLibrary("maps3d");
+    const map3DElement = new Map3DElement({
+        center: { lat: 40.6842, lng: -74.0019, altitude: 1000 },
+        heading: 340,
+        tilt: 70,
+        mode: MapMode.HYBRID,
+    });
+    const polygonOptions = {
+        strokeColor: "#0000ff80",
+        strokeWidth: 8,
+        fillColor: "#ff000080",
+        drawsOccludedSegments: false,
+    };
+    const examplePolygon = new google.maps.maps3d.Polygon3DElement(polygonOptions);
+    examplePolygon.outerCoordinates = [
+        { lat: 40.7144, lng: -74.0208 },
+        { lat: 40.6993, lng: -74.019 },
+        { lat: 40.7035, lng: -74.0004 },
+        { lat: 40.7144, lng: -74.0208 }
+    ];
+    map3DElement.append(examplePolygon);
+    document.body.append(map3DElement);
+}
+init();
+
diff --git a/dist/samples/3d-polyline-click-event/app/.eslintsrc.json b/dist/samples/3d-polyline-click-event/app/.eslintsrc.json
new file mode 100644
index 00000000..4c44dab0
--- /dev/null
+++ b/dist/samples/3d-polyline-click-event/app/.eslintsrc.json
@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "rules": {
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/no-this-alias": 1,
+    "@typescript-eslint/no-empty-function": 1,
+    "@typescript-eslint/explicit-module-boundary-types": 1,
+    "@typescript-eslint/no-unused-vars": 1
+  }
+}
diff --git a/dist/samples/3d-polyline-click-event/app/index.html b/dist/samples/3d-polyline-click-event/app/index.html
new file mode 100644
index 00000000..e3d2aabf
--- /dev/null
+++ b/dist/samples/3d-polyline-click-event/app/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polyline_click_event] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polyline_click_event] -->
diff --git a/dist/samples/3d-polyline-click-event/app/index.ts b/dist/samples/3d-polyline-click-event/app/index.ts
new file mode 100644
index 00000000..d018216e
--- /dev/null
+++ b/dist/samples/3d-polyline-click-event/app/index.ts
@@ -0,0 +1,51 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_polyline_click_event]
+let map;
+async function init() {
+    const { Map3DElement, MapMode, AltitudeMode, Polyline3DInteractiveElement } = await google.maps.importLibrary("maps3d");
+
+     map = new Map3DElement({
+        center: { lat: 37.7927, lng : -122.4020, altitude: 65.93 }, range: 3362.87, tilt: 64.01 ,heading: 25.00,
+        mode: MapMode.SATELLITE,
+    });
+
+    document.body.append(map);
+
+    const polyline = new Polyline3DInteractiveElement({
+        coordinates: [
+            { lat: 37.80515638571346, lng: -122.4032569467164 },
+            { lat: 37.80337073509504, lng: -122.4012878349353 },
+            { lat: 37.79925208843463, lng: -122.3976697250461 },
+            { lat: 37.7989102378512, lng: -122.3983408725656 },
+            { lat: 37.79887832784348, lng: -122.3987094864192 },
+            { lat: 37.79786443410338, lng: -122.4066878788802 },
+            { lat: 37.79549248916587, lng: -122.4032992702785 },
+            { lat: 37.78861484290265, lng: -122.4019489189814 },
+            { lat: 37.78618687561075, lng: -122.398969592545 },
+            { lat: 37.7892310309145, lng: -122.3951458683092 },
+            { lat: 37.7916358762409, lng: -122.3981969390652 }
+        ],                
+        strokeColor: 'blue',
+        outerColor: 'white',
+        strokeWidth: 10,
+        outerWidth: 0.4,
+        altitudeMode: AltitudeMode.RELATIVE_TO_GROUND, // Place it on the ground (as it has no altitude it will just be at ground height).
+        drawsOccludedSegments: true, // Show the line through the buildings or anything else that might get in the way.
+    });
+
+    polyline.addEventListener('gmp-click', (event) => {
+        // Toggle whether the line draws occluded segments.
+        event.target.drawsOccludedSegments = !event.target.drawsOccludedSegments;
+    });
+
+    map.append(polyline);
+}
+
+init();
+// [END maps_3d_polyline_click_event]
diff --git a/dist/samples/3d-polyline-click-event/app/package.json b/dist/samples/3d-polyline-click-event/app/package.json
new file mode 100644
index 00000000..85c4ea5f
--- /dev/null
+++ b/dist/samples/3d-polyline-click-event/app/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@js-api-samples/3d-polyline-click-event",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "tsc && bash ../jsfiddle.sh 3d-polyline-click-event && bash ../app.sh 3d-polyline-click-event && bash ../docs.sh 3d-polyline-click-event &&  npm run build:vite --workspace=. && bash ../dist.sh 3d-polyline-click-event",
+    "test": "tsc && npm run build:vite --workspace=.",
+    "start": "tsc && vite build --base './' && vite",
+    "build:vite": "vite build --base './'",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    
+  }
+}
diff --git a/dist/samples/3d-polyline-click-event/app/style.css b/dist/samples/3d-polyline-click-event/app/style.css
new file mode 100644
index 00000000..f64defcf
--- /dev/null
+++ b/dist/samples/3d-polyline-click-event/app/style.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_polyline_click_event] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+/* [END maps_3d_polyline_click_event] */
diff --git a/dist/samples/3d-polyline-click-event/app/tsconfig.json b/dist/samples/3d-polyline-click-event/app/tsconfig.json
new file mode 100644
index 00000000..366aabb0
--- /dev/null
+++ b/dist/samples/3d-polyline-click-event/app/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "target": "esnext",
+    "strict": true,
+    "noImplicitAny": false,
+    "lib": [
+      "es2015",
+      "esnext",
+      "es6",
+      "dom",
+      "dom.iterable"
+    ],
+    "moduleResolution": "Node",
+    "jsx": "preserve"
+  }
+}
diff --git a/dist/samples/3d-polyline-click-event/dist/assets/index-C8EsDiX2.js b/dist/samples/3d-polyline-click-event/dist/assets/index-C8EsDiX2.js
new file mode 100644
index 00000000..9903d23c
--- /dev/null
+++ b/dist/samples/3d-polyline-click-event/dist/assets/index-C8EsDiX2.js
@@ -0,0 +1,5 @@
+(function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))n(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const l of t.addedNodes)l.tagName==="LINK"&&l.rel==="modulepreload"&&n(l)}).observe(document,{childList:!0,subtree:!0});function o(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function n(e){if(e.ep)return;e.ep=!0;const t=o(e);fetch(e.href,t)}})();/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/let i;async function s(){const{Map3DElement:a,MapMode:r,AltitudeMode:o,Polyline3DInteractiveElement:n}=await google.maps.importLibrary("maps3d");i=new a({center:{lat:37.7927,lng:-122.402,altitude:65.93},range:3362.87,tilt:64.01,heading:25,mode:r.SATELLITE}),document.body.append(i);const e=new n({coordinates:[{lat:37.80515638571346,lng:-122.4032569467164},{lat:37.80337073509504,lng:-122.4012878349353},{lat:37.79925208843463,lng:-122.3976697250461},{lat:37.7989102378512,lng:-122.3983408725656},{lat:37.79887832784348,lng:-122.3987094864192},{lat:37.79786443410338,lng:-122.4066878788802},{lat:37.79549248916587,lng:-122.4032992702785},{lat:37.78861484290265,lng:-122.4019489189814},{lat:37.78618687561075,lng:-122.398969592545},{lat:37.7892310309145,lng:-122.3951458683092},{lat:37.7916358762409,lng:-122.3981969390652}],strokeColor:"blue",outerColor:"white",strokeWidth:10,outerWidth:.4,altitudeMode:o.RELATIVE_TO_GROUND,drawsOccludedSegments:!0});e.addEventListener("gmp-click",t=>{t.target.drawsOccludedSegments=!t.target.drawsOccludedSegments}),i.append(e)}s();
diff --git a/dist/samples/3d-polyline-click-event/dist/assets/index-DDwKyjRS.css b/dist/samples/3d-polyline-click-event/dist/assets/index-DDwKyjRS.css
new file mode 100644
index 00000000..af40d498
--- /dev/null
+++ b/dist/samples/3d-polyline-click-event/dist/assets/index-DDwKyjRS.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/html,map{height:100%}body{height:100%;margin:0;padding:0}
diff --git a/dist/samples/3d-polyline-click-event/dist/index.html b/dist/samples/3d-polyline-click-event/dist/index.html
new file mode 100644
index 00000000..9dbe7c72
--- /dev/null
+++ b/dist/samples/3d-polyline-click-event/dist/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polyline_click_event] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <script type="module" crossorigin src="./assets/index-C8EsDiX2.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-DDwKyjRS.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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polyline_click_event] -->
diff --git a/dist/samples/3d-polyline-click-event/docs/index.html b/dist/samples/3d-polyline-click-event/docs/index.html
new file mode 100644
index 00000000..e3d2aabf
--- /dev/null
+++ b/dist/samples/3d-polyline-click-event/docs/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polyline_click_event] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polyline_click_event] -->
diff --git a/dist/samples/3d-polyline-click-event/docs/index.js b/dist/samples/3d-polyline-click-event/docs/index.js
new file mode 100644
index 00000000..2dc41e92
--- /dev/null
+++ b/dist/samples/3d-polyline-click-event/docs/index.js
@@ -0,0 +1,45 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+// [START maps_3d_polyline_click_event]
+let map;
+async function init() {
+    const { Map3DElement, MapMode, AltitudeMode, Polyline3DInteractiveElement } = await google.maps.importLibrary("maps3d");
+    map = new Map3DElement({
+        center: { lat: 37.7927, lng: -122.4020, altitude: 65.93 }, range: 3362.87, tilt: 64.01, heading: 25.00,
+        mode: MapMode.SATELLITE,
+    });
+    document.body.append(map);
+    const polyline = new Polyline3DInteractiveElement({
+        coordinates: [
+            { lat: 37.80515638571346, lng: -122.4032569467164 },
+            { lat: 37.80337073509504, lng: -122.4012878349353 },
+            { lat: 37.79925208843463, lng: -122.3976697250461 },
+            { lat: 37.7989102378512, lng: -122.3983408725656 },
+            { lat: 37.79887832784348, lng: -122.3987094864192 },
+            { lat: 37.79786443410338, lng: -122.4066878788802 },
+            { lat: 37.79549248916587, lng: -122.4032992702785 },
+            { lat: 37.78861484290265, lng: -122.4019489189814 },
+            { lat: 37.78618687561075, lng: -122.398969592545 },
+            { lat: 37.7892310309145, lng: -122.3951458683092 },
+            { lat: 37.7916358762409, lng: -122.3981969390652 }
+        ],
+        strokeColor: 'blue',
+        outerColor: 'white',
+        strokeWidth: 10,
+        outerWidth: 0.4,
+        altitudeMode: AltitudeMode.RELATIVE_TO_GROUND, // Place it on the ground (as it has no altitude it will just be at ground height).
+        drawsOccludedSegments: true, // Show the line through the buildings or anything else that might get in the way.
+    });
+    polyline.addEventListener('gmp-click', (event) => {
+        // Toggle whether the line draws occluded segments.
+        event.target.drawsOccludedSegments = !event.target.drawsOccludedSegments;
+    });
+    map.append(polyline);
+}
+init();
+// [END maps_3d_polyline_click_event]
diff --git a/dist/samples/3d-polyline-click-event/docs/index.ts b/dist/samples/3d-polyline-click-event/docs/index.ts
new file mode 100644
index 00000000..d018216e
--- /dev/null
+++ b/dist/samples/3d-polyline-click-event/docs/index.ts
@@ -0,0 +1,51 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_polyline_click_event]
+let map;
+async function init() {
+    const { Map3DElement, MapMode, AltitudeMode, Polyline3DInteractiveElement } = await google.maps.importLibrary("maps3d");
+
+     map = new Map3DElement({
+        center: { lat: 37.7927, lng : -122.4020, altitude: 65.93 }, range: 3362.87, tilt: 64.01 ,heading: 25.00,
+        mode: MapMode.SATELLITE,
+    });
+
+    document.body.append(map);
+
+    const polyline = new Polyline3DInteractiveElement({
+        coordinates: [
+            { lat: 37.80515638571346, lng: -122.4032569467164 },
+            { lat: 37.80337073509504, lng: -122.4012878349353 },
+            { lat: 37.79925208843463, lng: -122.3976697250461 },
+            { lat: 37.7989102378512, lng: -122.3983408725656 },
+            { lat: 37.79887832784348, lng: -122.3987094864192 },
+            { lat: 37.79786443410338, lng: -122.4066878788802 },
+            { lat: 37.79549248916587, lng: -122.4032992702785 },
+            { lat: 37.78861484290265, lng: -122.4019489189814 },
+            { lat: 37.78618687561075, lng: -122.398969592545 },
+            { lat: 37.7892310309145, lng: -122.3951458683092 },
+            { lat: 37.7916358762409, lng: -122.3981969390652 }
+        ],                
+        strokeColor: 'blue',
+        outerColor: 'white',
+        strokeWidth: 10,
+        outerWidth: 0.4,
+        altitudeMode: AltitudeMode.RELATIVE_TO_GROUND, // Place it on the ground (as it has no altitude it will just be at ground height).
+        drawsOccludedSegments: true, // Show the line through the buildings or anything else that might get in the way.
+    });
+
+    polyline.addEventListener('gmp-click', (event) => {
+        // Toggle whether the line draws occluded segments.
+        event.target.drawsOccludedSegments = !event.target.drawsOccludedSegments;
+    });
+
+    map.append(polyline);
+}
+
+init();
+// [END maps_3d_polyline_click_event]
diff --git a/dist/samples/3d-polyline-click-event/docs/style.css b/dist/samples/3d-polyline-click-event/docs/style.css
new file mode 100644
index 00000000..f64defcf
--- /dev/null
+++ b/dist/samples/3d-polyline-click-event/docs/style.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_polyline_click_event] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+/* [END maps_3d_polyline_click_event] */
diff --git a/dist/samples/3d-polyline-click-event/jsfiddle/demo.css b/dist/samples/3d-polyline-click-event/jsfiddle/demo.css
new file mode 100644
index 00000000..a74f30bc
--- /dev/null
+++ b/dist/samples/3d-polyline-click-event/jsfiddle/demo.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
diff --git a/dist/samples/3d-polyline-click-event/jsfiddle/demo.details b/dist/samples/3d-polyline-click-event/jsfiddle/demo.details
new file mode 100644
index 00000000..db38728d
--- /dev/null
+++ b/dist/samples/3d-polyline-click-event/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: 3d-polyline-click-event
+authors:
+  - Geo Developer IX Documentation Team
+tags:
+  - google maps
+load_type: h
+description: Sample code supporting Google Maps Platform JavaScript API documentation.
diff --git a/dist/samples/3d-polyline-click-event/jsfiddle/demo.html b/dist/samples/3d-polyline-click-event/jsfiddle/demo.html
new file mode 100644
index 00000000..0bf9e340
--- /dev/null
+++ b/dist/samples/3d-polyline-click-event/jsfiddle/demo.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+
diff --git a/dist/samples/3d-polyline-click-event/jsfiddle/demo.js b/dist/samples/3d-polyline-click-event/jsfiddle/demo.js
new file mode 100644
index 00000000..73de4716
--- /dev/null
+++ b/dist/samples/3d-polyline-click-event/jsfiddle/demo.js
@@ -0,0 +1,45 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+
+let map;
+async function init() {
+    const { Map3DElement, MapMode, AltitudeMode, Polyline3DInteractiveElement } = await google.maps.importLibrary("maps3d");
+    map = new Map3DElement({
+        center: { lat: 37.7927, lng: -122.4020, altitude: 65.93 }, range: 3362.87, tilt: 64.01, heading: 25.00,
+        mode: MapMode.SATELLITE,
+    });
+    document.body.append(map);
+    const polyline = new Polyline3DInteractiveElement({
+        coordinates: [
+            { lat: 37.80515638571346, lng: -122.4032569467164 },
+            { lat: 37.80337073509504, lng: -122.4012878349353 },
+            { lat: 37.79925208843463, lng: -122.3976697250461 },
+            { lat: 37.7989102378512, lng: -122.3983408725656 },
+            { lat: 37.79887832784348, lng: -122.3987094864192 },
+            { lat: 37.79786443410338, lng: -122.4066878788802 },
+            { lat: 37.79549248916587, lng: -122.4032992702785 },
+            { lat: 37.78861484290265, lng: -122.4019489189814 },
+            { lat: 37.78618687561075, lng: -122.398969592545 },
+            { lat: 37.7892310309145, lng: -122.3951458683092 },
+            { lat: 37.7916358762409, lng: -122.3981969390652 }
+        ],
+        strokeColor: 'blue',
+        outerColor: 'white',
+        strokeWidth: 10,
+        outerWidth: 0.4,
+        altitudeMode: AltitudeMode.RELATIVE_TO_GROUND, // Place it on the ground (as it has no altitude it will just be at ground height).
+        drawsOccludedSegments: true, // Show the line through the buildings or anything else that might get in the way.
+    });
+    polyline.addEventListener('gmp-click', (event) => {
+        // Toggle whether the line draws occluded segments.
+        event.target.drawsOccludedSegments = !event.target.drawsOccludedSegments;
+    });
+    map.append(polyline);
+}
+init();
+
diff --git a/dist/samples/3d-polyline-extruded/app/.eslintsrc.json b/dist/samples/3d-polyline-extruded/app/.eslintsrc.json
new file mode 100644
index 00000000..4c44dab0
--- /dev/null
+++ b/dist/samples/3d-polyline-extruded/app/.eslintsrc.json
@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "rules": {
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/no-this-alias": 1,
+    "@typescript-eslint/no-empty-function": 1,
+    "@typescript-eslint/explicit-module-boundary-types": 1,
+    "@typescript-eslint/no-unused-vars": 1
+  }
+}
diff --git a/dist/samples/3d-polyline-extruded/app/index.html b/dist/samples/3d-polyline-extruded/app/index.html
new file mode 100644
index 00000000..863bc614
--- /dev/null
+++ b/dist/samples/3d-polyline-extruded/app/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polyline_extruded] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polyline_extruded] -->
diff --git a/dist/samples/3d-polyline-extruded/app/index.ts b/dist/samples/3d-polyline-extruded/app/index.ts
new file mode 100644
index 00000000..03dc904d
--- /dev/null
+++ b/dist/samples/3d-polyline-extruded/app/index.ts
@@ -0,0 +1,44 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_polyline_extruded]
+let map;
+async function init() {
+    const { Map3DElement, MapMode, AltitudeMode, Polyline3DElement } = await google.maps.importLibrary("maps3d");
+
+    map = new Map3DElement({
+        center: { lat: 37.7927, lng: -122.4020, altitude: 65.93 }, range: 3362.87, tilt: 64.01, heading: 25.00,
+        mode: MapMode.SATELLITE,
+    });
+
+    document.body.append(map);
+
+    const polyline = new Polyline3DElement({
+        coordinates: [
+            { lat: 37.80515638571346, lng: -122.4032569467164, altitude: 100 },
+            { lat: 37.80337073509504, lng: -122.4012878349353, altitude: 100 },
+            { lat: 37.79925208843463, lng: -122.3976697250461, altitude: 100 },
+            { lat: 37.7989102378512, lng: -122.3983408725656, altitude: 100 },
+            { lat: 37.79887832784348, lng: -122.3987094864192, altitude: 100 },
+            { lat: 37.79786443410338, lng: -122.4066878788802, altitude: 100 },
+            { lat: 37.79549248916587, lng: -122.4032992702785, altitude: 100 },
+            { lat: 37.78861484290265, lng: -122.4019489189814, altitude: 100 },
+            { lat: 37.78618687561075, lng: -122.398969592545, altitude: 100 },
+            { lat: 37.7892310309145, lng: -122.3951458683092, altitude: 100 },
+            { lat: 37.7916358762409, lng: -122.3981969390652, altitude: 100 }
+        ],
+        strokeColor: '#0000FF80',
+        strokeWidth: 10,
+        altitudeMode: AltitudeMode.RELATIVE_TO_GROUND, // Place it on the ground (as it has no altitude it will just be at ground height).
+        extruded: true
+    });
+
+    map.append(polyline);
+}
+
+init();
+// [END maps_3d_polyline_extruded]
diff --git a/dist/samples/3d-polyline-extruded/app/package.json b/dist/samples/3d-polyline-extruded/app/package.json
new file mode 100644
index 00000000..5e78ed71
--- /dev/null
+++ b/dist/samples/3d-polyline-extruded/app/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@js-api-samples/3d-polyline-extruded",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "tsc && bash ../jsfiddle.sh 3d-polyline-extruded && bash ../app.sh 3d-polyline-extruded && bash ../docs.sh 3d-polyline-extruded &&  npm run build:vite --workspace=. && bash ../dist.sh 3d-polyline-extruded",
+    "test": "tsc && npm run build:vite --workspace=.",
+    "start": "tsc && vite build --base './' && vite",
+    "build:vite": "vite build --base './'",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    
+  }
+}
diff --git a/dist/samples/3d-polyline-extruded/app/style.css b/dist/samples/3d-polyline-extruded/app/style.css
new file mode 100644
index 00000000..5b6968df
--- /dev/null
+++ b/dist/samples/3d-polyline-extruded/app/style.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_polyline_extruded] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+/* [END maps_3d_polyline_extruded] */
diff --git a/dist/samples/3d-polyline-extruded/app/tsconfig.json b/dist/samples/3d-polyline-extruded/app/tsconfig.json
new file mode 100644
index 00000000..366aabb0
--- /dev/null
+++ b/dist/samples/3d-polyline-extruded/app/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "target": "esnext",
+    "strict": true,
+    "noImplicitAny": false,
+    "lib": [
+      "es2015",
+      "esnext",
+      "es6",
+      "dom",
+      "dom.iterable"
+    ],
+    "moduleResolution": "Node",
+    "jsx": "preserve"
+  }
+}
diff --git a/dist/samples/3d-polyline-extruded/dist/assets/index-DDwKyjRS.css b/dist/samples/3d-polyline-extruded/dist/assets/index-DDwKyjRS.css
new file mode 100644
index 00000000..af40d498
--- /dev/null
+++ b/dist/samples/3d-polyline-extruded/dist/assets/index-DDwKyjRS.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/html,map{height:100%}body{height:100%;margin:0;padding:0}
diff --git a/dist/samples/3d-polyline-extruded/dist/assets/index-DSWTMiWN.js b/dist/samples/3d-polyline-extruded/dist/assets/index-DSWTMiWN.js
new file mode 100644
index 00000000..a373da99
--- /dev/null
+++ b/dist/samples/3d-polyline-extruded/dist/assets/index-DSWTMiWN.js
@@ -0,0 +1,5 @@
+(function(){const l=document.createElement("link").relList;if(l&&l.supports&&l.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const n of t.addedNodes)n.tagName==="LINK"&&n.rel==="modulepreload"&&r(n)}).observe(document,{childList:!0,subtree:!0});function o(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function r(e){if(e.ep)return;e.ep=!0;const t=o(e);fetch(e.href,t)}})();/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/let i;async function d(){const{Map3DElement:a,MapMode:l,AltitudeMode:o,Polyline3DElement:r}=await google.maps.importLibrary("maps3d");i=new a({center:{lat:37.7927,lng:-122.402,altitude:65.93},range:3362.87,tilt:64.01,heading:25,mode:l.SATELLITE}),document.body.append(i);const e=new r({coordinates:[{lat:37.80515638571346,lng:-122.4032569467164,altitude:100},{lat:37.80337073509504,lng:-122.4012878349353,altitude:100},{lat:37.79925208843463,lng:-122.3976697250461,altitude:100},{lat:37.7989102378512,lng:-122.3983408725656,altitude:100},{lat:37.79887832784348,lng:-122.3987094864192,altitude:100},{lat:37.79786443410338,lng:-122.4066878788802,altitude:100},{lat:37.79549248916587,lng:-122.4032992702785,altitude:100},{lat:37.78861484290265,lng:-122.4019489189814,altitude:100},{lat:37.78618687561075,lng:-122.398969592545,altitude:100},{lat:37.7892310309145,lng:-122.3951458683092,altitude:100},{lat:37.7916358762409,lng:-122.3981969390652,altitude:100}],strokeColor:"#0000FF80",strokeWidth:10,altitudeMode:o.RELATIVE_TO_GROUND,extruded:!0});i.append(e)}d();
diff --git a/dist/samples/3d-polyline-extruded/dist/index.html b/dist/samples/3d-polyline-extruded/dist/index.html
new file mode 100644
index 00000000..4f64b5a9
--- /dev/null
+++ b/dist/samples/3d-polyline-extruded/dist/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polyline_extruded] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <script type="module" crossorigin src="./assets/index-DSWTMiWN.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-DDwKyjRS.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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polyline_extruded] -->
diff --git a/dist/samples/3d-polyline-extruded/docs/index.html b/dist/samples/3d-polyline-extruded/docs/index.html
new file mode 100644
index 00000000..863bc614
--- /dev/null
+++ b/dist/samples/3d-polyline-extruded/docs/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polyline_extruded] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polyline_extruded] -->
diff --git a/dist/samples/3d-polyline-extruded/docs/index.js b/dist/samples/3d-polyline-extruded/docs/index.js
new file mode 100644
index 00000000..44823146
--- /dev/null
+++ b/dist/samples/3d-polyline-extruded/docs/index.js
@@ -0,0 +1,39 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+// [START maps_3d_polyline_extruded]
+let map;
+async function init() {
+    const { Map3DElement, MapMode, AltitudeMode, Polyline3DElement } = await google.maps.importLibrary("maps3d");
+    map = new Map3DElement({
+        center: { lat: 37.7927, lng: -122.4020, altitude: 65.93 }, range: 3362.87, tilt: 64.01, heading: 25.00,
+        mode: MapMode.SATELLITE,
+    });
+    document.body.append(map);
+    const polyline = new Polyline3DElement({
+        coordinates: [
+            { lat: 37.80515638571346, lng: -122.4032569467164, altitude: 100 },
+            { lat: 37.80337073509504, lng: -122.4012878349353, altitude: 100 },
+            { lat: 37.79925208843463, lng: -122.3976697250461, altitude: 100 },
+            { lat: 37.7989102378512, lng: -122.3983408725656, altitude: 100 },
+            { lat: 37.79887832784348, lng: -122.3987094864192, altitude: 100 },
+            { lat: 37.79786443410338, lng: -122.4066878788802, altitude: 100 },
+            { lat: 37.79549248916587, lng: -122.4032992702785, altitude: 100 },
+            { lat: 37.78861484290265, lng: -122.4019489189814, altitude: 100 },
+            { lat: 37.78618687561075, lng: -122.398969592545, altitude: 100 },
+            { lat: 37.7892310309145, lng: -122.3951458683092, altitude: 100 },
+            { lat: 37.7916358762409, lng: -122.3981969390652, altitude: 100 }
+        ],
+        strokeColor: '#0000FF80',
+        strokeWidth: 10,
+        altitudeMode: AltitudeMode.RELATIVE_TO_GROUND, // Place it on the ground (as it has no altitude it will just be at ground height).
+        extruded: true
+    });
+    map.append(polyline);
+}
+init();
+// [END maps_3d_polyline_extruded]
diff --git a/dist/samples/3d-polyline-extruded/docs/index.ts b/dist/samples/3d-polyline-extruded/docs/index.ts
new file mode 100644
index 00000000..03dc904d
--- /dev/null
+++ b/dist/samples/3d-polyline-extruded/docs/index.ts
@@ -0,0 +1,44 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_polyline_extruded]
+let map;
+async function init() {
+    const { Map3DElement, MapMode, AltitudeMode, Polyline3DElement } = await google.maps.importLibrary("maps3d");
+
+    map = new Map3DElement({
+        center: { lat: 37.7927, lng: -122.4020, altitude: 65.93 }, range: 3362.87, tilt: 64.01, heading: 25.00,
+        mode: MapMode.SATELLITE,
+    });
+
+    document.body.append(map);
+
+    const polyline = new Polyline3DElement({
+        coordinates: [
+            { lat: 37.80515638571346, lng: -122.4032569467164, altitude: 100 },
+            { lat: 37.80337073509504, lng: -122.4012878349353, altitude: 100 },
+            { lat: 37.79925208843463, lng: -122.3976697250461, altitude: 100 },
+            { lat: 37.7989102378512, lng: -122.3983408725656, altitude: 100 },
+            { lat: 37.79887832784348, lng: -122.3987094864192, altitude: 100 },
+            { lat: 37.79786443410338, lng: -122.4066878788802, altitude: 100 },
+            { lat: 37.79549248916587, lng: -122.4032992702785, altitude: 100 },
+            { lat: 37.78861484290265, lng: -122.4019489189814, altitude: 100 },
+            { lat: 37.78618687561075, lng: -122.398969592545, altitude: 100 },
+            { lat: 37.7892310309145, lng: -122.3951458683092, altitude: 100 },
+            { lat: 37.7916358762409, lng: -122.3981969390652, altitude: 100 }
+        ],
+        strokeColor: '#0000FF80',
+        strokeWidth: 10,
+        altitudeMode: AltitudeMode.RELATIVE_TO_GROUND, // Place it on the ground (as it has no altitude it will just be at ground height).
+        extruded: true
+    });
+
+    map.append(polyline);
+}
+
+init();
+// [END maps_3d_polyline_extruded]
diff --git a/dist/samples/3d-polyline-extruded/docs/style.css b/dist/samples/3d-polyline-extruded/docs/style.css
new file mode 100644
index 00000000..5b6968df
--- /dev/null
+++ b/dist/samples/3d-polyline-extruded/docs/style.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_polyline_extruded] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+/* [END maps_3d_polyline_extruded] */
diff --git a/dist/samples/3d-polyline-extruded/jsfiddle/demo.css b/dist/samples/3d-polyline-extruded/jsfiddle/demo.css
new file mode 100644
index 00000000..a74f30bc
--- /dev/null
+++ b/dist/samples/3d-polyline-extruded/jsfiddle/demo.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
diff --git a/dist/samples/3d-polyline-extruded/jsfiddle/demo.details b/dist/samples/3d-polyline-extruded/jsfiddle/demo.details
new file mode 100644
index 00000000..c4252fb7
--- /dev/null
+++ b/dist/samples/3d-polyline-extruded/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: 3d-polyline-extruded
+authors:
+  - Geo Developer IX Documentation Team
+tags:
+  - google maps
+load_type: h
+description: Sample code supporting Google Maps Platform JavaScript API documentation.
diff --git a/dist/samples/3d-polyline-extruded/jsfiddle/demo.html b/dist/samples/3d-polyline-extruded/jsfiddle/demo.html
new file mode 100644
index 00000000..0bf9e340
--- /dev/null
+++ b/dist/samples/3d-polyline-extruded/jsfiddle/demo.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+
diff --git a/dist/samples/3d-polyline-extruded/jsfiddle/demo.js b/dist/samples/3d-polyline-extruded/jsfiddle/demo.js
new file mode 100644
index 00000000..c09342f0
--- /dev/null
+++ b/dist/samples/3d-polyline-extruded/jsfiddle/demo.js
@@ -0,0 +1,39 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+
+let map;
+async function init() {
+    const { Map3DElement, MapMode, AltitudeMode, Polyline3DElement } = await google.maps.importLibrary("maps3d");
+    map = new Map3DElement({
+        center: { lat: 37.7927, lng: -122.4020, altitude: 65.93 }, range: 3362.87, tilt: 64.01, heading: 25.00,
+        mode: MapMode.SATELLITE,
+    });
+    document.body.append(map);
+    const polyline = new Polyline3DElement({
+        coordinates: [
+            { lat: 37.80515638571346, lng: -122.4032569467164, altitude: 100 },
+            { lat: 37.80337073509504, lng: -122.4012878349353, altitude: 100 },
+            { lat: 37.79925208843463, lng: -122.3976697250461, altitude: 100 },
+            { lat: 37.7989102378512, lng: -122.3983408725656, altitude: 100 },
+            { lat: 37.79887832784348, lng: -122.3987094864192, altitude: 100 },
+            { lat: 37.79786443410338, lng: -122.4066878788802, altitude: 100 },
+            { lat: 37.79549248916587, lng: -122.4032992702785, altitude: 100 },
+            { lat: 37.78861484290265, lng: -122.4019489189814, altitude: 100 },
+            { lat: 37.78618687561075, lng: -122.398969592545, altitude: 100 },
+            { lat: 37.7892310309145, lng: -122.3951458683092, altitude: 100 },
+            { lat: 37.7916358762409, lng: -122.3981969390652, altitude: 100 }
+        ],
+        strokeColor: '#0000FF80',
+        strokeWidth: 10,
+        altitudeMode: AltitudeMode.RELATIVE_TO_GROUND, // Place it on the ground (as it has no altitude it will just be at ground height).
+        extruded: true
+    });
+    map.append(polyline);
+}
+init();
+
diff --git a/dist/samples/3d-polyline/app/.eslintsrc.json b/dist/samples/3d-polyline/app/.eslintsrc.json
new file mode 100644
index 00000000..4c44dab0
--- /dev/null
+++ b/dist/samples/3d-polyline/app/.eslintsrc.json
@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "rules": {
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/no-this-alias": 1,
+    "@typescript-eslint/no-empty-function": 1,
+    "@typescript-eslint/explicit-module-boundary-types": 1,
+    "@typescript-eslint/no-unused-vars": 1
+  }
+}
diff --git a/dist/samples/3d-polyline/app/index.html b/dist/samples/3d-polyline/app/index.html
new file mode 100644
index 00000000..b2d7559d
--- /dev/null
+++ b/dist/samples/3d-polyline/app/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polyline] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polyline] -->
diff --git a/dist/samples/3d-polyline/app/index.ts b/dist/samples/3d-polyline/app/index.ts
new file mode 100644
index 00000000..0e736568
--- /dev/null
+++ b/dist/samples/3d-polyline/app/index.ts
@@ -0,0 +1,46 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_polyline]
+let map;
+async function init() {
+    const { Map3DElement, MapMode, AltitudeMode, Polyline3DElement } = await google.maps.importLibrary("maps3d");
+
+     map = new Map3DElement({
+        center: { lat: 37.7927, lng : -122.4020, altitude: 65.93 }, range: 3362.87, tilt: 64.01 ,heading: 25.00,
+        mode: MapMode.SATELLITE,
+    });
+
+    document.body.append(map);
+
+    const polyline = new Polyline3DElement({
+        coordinates: [
+            { lat: 37.80515638571346, lng: -122.4032569467164 },
+            { lat: 37.80337073509504, lng: -122.4012878349353 },
+            { lat: 37.79925208843463, lng: -122.3976697250461 },
+            { lat: 37.7989102378512, lng: -122.3983408725656 },
+            { lat: 37.79887832784348, lng: -122.3987094864192 },
+            { lat: 37.79786443410338, lng: -122.4066878788802 },
+            { lat: 37.79549248916587, lng: -122.4032992702785 },
+            { lat: 37.78861484290265, lng: -122.4019489189814 },
+            { lat: 37.78618687561075, lng: -122.398969592545 },
+            { lat: 37.7892310309145, lng: -122.3951458683092 },
+            { lat: 37.7916358762409, lng: -122.3981969390652 }
+        ],                
+        strokeColor: 'blue',
+        outerColor: 'white',
+        strokeWidth: 10,
+        outerWidth: 0.4,
+        altitudeMode: AltitudeMode.RELATIVE_TO_GROUND, // Place it on the ground (as it has no altitude it will just be at ground height).
+        drawsOccludedSegments: true, // Show the line through the buildings or anything else that might get in the way.
+    });
+
+    map.append(polyline);
+}
+
+init();
+// [END maps_3d_polyline]
diff --git a/dist/samples/3d-polyline/app/package.json b/dist/samples/3d-polyline/app/package.json
new file mode 100644
index 00000000..8f31c01e
--- /dev/null
+++ b/dist/samples/3d-polyline/app/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@js-api-samples/3d-polyline",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "tsc && bash ../jsfiddle.sh 3d-polyline && bash ../app.sh 3d-polyline && bash ../docs.sh 3d-polyline &&  npm run build:vite --workspace=. && bash ../dist.sh 3d-polyline",
+    "test": "tsc && npm run build:vite --workspace=.",
+    "start": "tsc && vite build --base './' && vite",
+    "build:vite": "vite build --base './'",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    
+  }
+}
diff --git a/dist/samples/3d-polyline/app/style.css b/dist/samples/3d-polyline/app/style.css
new file mode 100644
index 00000000..cd5e3276
--- /dev/null
+++ b/dist/samples/3d-polyline/app/style.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_polyline] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+/* [END maps_3d_polyline] */
diff --git a/dist/samples/3d-polyline/app/tsconfig.json b/dist/samples/3d-polyline/app/tsconfig.json
new file mode 100644
index 00000000..366aabb0
--- /dev/null
+++ b/dist/samples/3d-polyline/app/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "target": "esnext",
+    "strict": true,
+    "noImplicitAny": false,
+    "lib": [
+      "es2015",
+      "esnext",
+      "es6",
+      "dom",
+      "dom.iterable"
+    ],
+    "moduleResolution": "Node",
+    "jsx": "preserve"
+  }
+}
diff --git a/dist/samples/3d-polyline/dist/assets/index-CgIh4vgg.js b/dist/samples/3d-polyline/dist/assets/index-CgIh4vgg.js
new file mode 100644
index 00000000..77c8d488
--- /dev/null
+++ b/dist/samples/3d-polyline/dist/assets/index-CgIh4vgg.js
@@ -0,0 +1,5 @@
+(function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))o(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const n of t.addedNodes)n.tagName==="LINK"&&n.rel==="modulepreload"&&o(n)}).observe(document,{childList:!0,subtree:!0});function l(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function o(e){if(e.ep)return;e.ep=!0;const t=l(e);fetch(e.href,t)}})();/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/let i;async function a(){const{Map3DElement:s,MapMode:r,AltitudeMode:l,Polyline3DElement:o}=await google.maps.importLibrary("maps3d");i=new s({center:{lat:37.7927,lng:-122.402,altitude:65.93},range:3362.87,tilt:64.01,heading:25,mode:r.SATELLITE}),document.body.append(i);const e=new o({coordinates:[{lat:37.80515638571346,lng:-122.4032569467164},{lat:37.80337073509504,lng:-122.4012878349353},{lat:37.79925208843463,lng:-122.3976697250461},{lat:37.7989102378512,lng:-122.3983408725656},{lat:37.79887832784348,lng:-122.3987094864192},{lat:37.79786443410338,lng:-122.4066878788802},{lat:37.79549248916587,lng:-122.4032992702785},{lat:37.78861484290265,lng:-122.4019489189814},{lat:37.78618687561075,lng:-122.398969592545},{lat:37.7892310309145,lng:-122.3951458683092},{lat:37.7916358762409,lng:-122.3981969390652}],strokeColor:"blue",outerColor:"white",strokeWidth:10,outerWidth:.4,altitudeMode:l.RELATIVE_TO_GROUND,drawsOccludedSegments:!0});i.append(e)}a();
diff --git a/dist/samples/3d-polyline/dist/assets/index-DDwKyjRS.css b/dist/samples/3d-polyline/dist/assets/index-DDwKyjRS.css
new file mode 100644
index 00000000..af40d498
--- /dev/null
+++ b/dist/samples/3d-polyline/dist/assets/index-DDwKyjRS.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/html,map{height:100%}body{height:100%;margin:0;padding:0}
diff --git a/dist/samples/3d-polyline/dist/index.html b/dist/samples/3d-polyline/dist/index.html
new file mode 100644
index 00000000..32940f70
--- /dev/null
+++ b/dist/samples/3d-polyline/dist/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polyline] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <script type="module" crossorigin src="./assets/index-CgIh4vgg.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-DDwKyjRS.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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polyline] -->
diff --git a/dist/samples/3d-polyline/docs/index.html b/dist/samples/3d-polyline/docs/index.html
new file mode 100644
index 00000000..b2d7559d
--- /dev/null
+++ b/dist/samples/3d-polyline/docs/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_polyline] -->
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+<!-- [END maps_3d_polyline] -->
diff --git a/dist/samples/3d-polyline/docs/index.js b/dist/samples/3d-polyline/docs/index.js
new file mode 100644
index 00000000..6c490bb0
--- /dev/null
+++ b/dist/samples/3d-polyline/docs/index.js
@@ -0,0 +1,41 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+// [START maps_3d_polyline]
+let map;
+async function init() {
+    const { Map3DElement, MapMode, AltitudeMode, Polyline3DElement } = await google.maps.importLibrary("maps3d");
+    map = new Map3DElement({
+        center: { lat: 37.7927, lng: -122.4020, altitude: 65.93 }, range: 3362.87, tilt: 64.01, heading: 25.00,
+        mode: MapMode.SATELLITE,
+    });
+    document.body.append(map);
+    const polyline = new Polyline3DElement({
+        coordinates: [
+            { lat: 37.80515638571346, lng: -122.4032569467164 },
+            { lat: 37.80337073509504, lng: -122.4012878349353 },
+            { lat: 37.79925208843463, lng: -122.3976697250461 },
+            { lat: 37.7989102378512, lng: -122.3983408725656 },
+            { lat: 37.79887832784348, lng: -122.3987094864192 },
+            { lat: 37.79786443410338, lng: -122.4066878788802 },
+            { lat: 37.79549248916587, lng: -122.4032992702785 },
+            { lat: 37.78861484290265, lng: -122.4019489189814 },
+            { lat: 37.78618687561075, lng: -122.398969592545 },
+            { lat: 37.7892310309145, lng: -122.3951458683092 },
+            { lat: 37.7916358762409, lng: -122.3981969390652 }
+        ],
+        strokeColor: 'blue',
+        outerColor: 'white',
+        strokeWidth: 10,
+        outerWidth: 0.4,
+        altitudeMode: AltitudeMode.RELATIVE_TO_GROUND, // Place it on the ground (as it has no altitude it will just be at ground height).
+        drawsOccludedSegments: true, // Show the line through the buildings or anything else that might get in the way.
+    });
+    map.append(polyline);
+}
+init();
+// [END maps_3d_polyline]
diff --git a/dist/samples/3d-polyline/docs/index.ts b/dist/samples/3d-polyline/docs/index.ts
new file mode 100644
index 00000000..0e736568
--- /dev/null
+++ b/dist/samples/3d-polyline/docs/index.ts
@@ -0,0 +1,46 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_polyline]
+let map;
+async function init() {
+    const { Map3DElement, MapMode, AltitudeMode, Polyline3DElement } = await google.maps.importLibrary("maps3d");
+
+     map = new Map3DElement({
+        center: { lat: 37.7927, lng : -122.4020, altitude: 65.93 }, range: 3362.87, tilt: 64.01 ,heading: 25.00,
+        mode: MapMode.SATELLITE,
+    });
+
+    document.body.append(map);
+
+    const polyline = new Polyline3DElement({
+        coordinates: [
+            { lat: 37.80515638571346, lng: -122.4032569467164 },
+            { lat: 37.80337073509504, lng: -122.4012878349353 },
+            { lat: 37.79925208843463, lng: -122.3976697250461 },
+            { lat: 37.7989102378512, lng: -122.3983408725656 },
+            { lat: 37.79887832784348, lng: -122.3987094864192 },
+            { lat: 37.79786443410338, lng: -122.4066878788802 },
+            { lat: 37.79549248916587, lng: -122.4032992702785 },
+            { lat: 37.78861484290265, lng: -122.4019489189814 },
+            { lat: 37.78618687561075, lng: -122.398969592545 },
+            { lat: 37.7892310309145, lng: -122.3951458683092 },
+            { lat: 37.7916358762409, lng: -122.3981969390652 }
+        ],                
+        strokeColor: 'blue',
+        outerColor: 'white',
+        strokeWidth: 10,
+        outerWidth: 0.4,
+        altitudeMode: AltitudeMode.RELATIVE_TO_GROUND, // Place it on the ground (as it has no altitude it will just be at ground height).
+        drawsOccludedSegments: true, // Show the line through the buildings or anything else that might get in the way.
+    });
+
+    map.append(polyline);
+}
+
+init();
+// [END maps_3d_polyline]
diff --git a/dist/samples/3d-polyline/docs/style.css b/dist/samples/3d-polyline/docs/style.css
new file mode 100644
index 00000000..cd5e3276
--- /dev/null
+++ b/dist/samples/3d-polyline/docs/style.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_polyline] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+/* [END maps_3d_polyline] */
diff --git a/dist/samples/3d-polyline/jsfiddle/demo.css b/dist/samples/3d-polyline/jsfiddle/demo.css
new file mode 100644
index 00000000..a74f30bc
--- /dev/null
+++ b/dist/samples/3d-polyline/jsfiddle/demo.css
@@ -0,0 +1,19 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+map {
+  height: 100%;
+}
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
diff --git a/dist/samples/3d-polyline/jsfiddle/demo.details b/dist/samples/3d-polyline/jsfiddle/demo.details
new file mode 100644
index 00000000..fe79b964
--- /dev/null
+++ b/dist/samples/3d-polyline/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: 3d-polyline
+authors:
+  - Geo Developer IX Documentation Team
+tags:
+  - google maps
+load_type: h
+description: Sample code supporting Google Maps Platform JavaScript API documentation.
diff --git a/dist/samples/3d-polyline/jsfiddle/demo.html b/dist/samples/3d-polyline/jsfiddle/demo.html
new file mode 100644
index 00000000..0bf9e340
--- /dev/null
+++ b/dist/samples/3d-polyline/jsfiddle/demo.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+
+<html>
+  <head>
+    <title>Map</title>
+
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+    <script type="module" src="./index.js"></script>
+  </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: "AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8", v: "alpha",});</script>
+  </body>
+</html>
+
diff --git a/dist/samples/3d-polyline/jsfiddle/demo.js b/dist/samples/3d-polyline/jsfiddle/demo.js
new file mode 100644
index 00000000..08742006
--- /dev/null
+++ b/dist/samples/3d-polyline/jsfiddle/demo.js
@@ -0,0 +1,41 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+
+let map;
+async function init() {
+    const { Map3DElement, MapMode, AltitudeMode, Polyline3DElement } = await google.maps.importLibrary("maps3d");
+    map = new Map3DElement({
+        center: { lat: 37.7927, lng: -122.4020, altitude: 65.93 }, range: 3362.87, tilt: 64.01, heading: 25.00,
+        mode: MapMode.SATELLITE,
+    });
+    document.body.append(map);
+    const polyline = new Polyline3DElement({
+        coordinates: [
+            { lat: 37.80515638571346, lng: -122.4032569467164 },
+            { lat: 37.80337073509504, lng: -122.4012878349353 },
+            { lat: 37.79925208843463, lng: -122.3976697250461 },
+            { lat: 37.7989102378512, lng: -122.3983408725656 },
+            { lat: 37.79887832784348, lng: -122.3987094864192 },
+            { lat: 37.79786443410338, lng: -122.4066878788802 },
+            { lat: 37.79549248916587, lng: -122.4032992702785 },
+            { lat: 37.78861484290265, lng: -122.4019489189814 },
+            { lat: 37.78618687561075, lng: -122.398969592545 },
+            { lat: 37.7892310309145, lng: -122.3951458683092 },
+            { lat: 37.7916358762409, lng: -122.3981969390652 }
+        ],
+        strokeColor: 'blue',
+        outerColor: 'white',
+        strokeWidth: 10,
+        outerWidth: 0.4,
+        altitudeMode: AltitudeMode.RELATIVE_TO_GROUND, // Place it on the ground (as it has no altitude it will just be at ground height).
+        drawsOccludedSegments: true, // Show the line through the buildings or anything else that might get in the way.
+    });
+    map.append(polyline);
+}
+init();
+
diff --git a/dist/samples/3d-popover-location/app/index.html b/dist/samples/3d-popover-location/app/index.html
index 8be100d6..c6d86e90 100644
--- a/dist/samples/3d-popover-location/app/index.html
+++ b/dist/samples/3d-popover-location/app/index.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_popover_location] -->
 <html>
   <head>
diff --git a/dist/samples/3d-popover-location/app/index.ts b/dist/samples/3d-popover-location/app/index.ts
index 09d5e725..aa8c8e7b 100644
--- a/dist/samples/3d-popover-location/app/index.ts
+++ b/dist/samples/3d-popover-location/app/index.ts
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 
 // @ts-nocheck
diff --git a/dist/samples/3d-popover-location/app/style.css b/dist/samples/3d-popover-location/app/style.css
index eb520847..0e4ebafb 100644
--- a/dist/samples/3d-popover-location/app/style.css
+++ b/dist/samples/3d-popover-location/app/style.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 /* [START maps_3d_popover_location] */
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-popover-location/dist/assets/index-BY4AM3jh.js b/dist/samples/3d-popover-location/dist/assets/index-BvzHBith.js
similarity index 57%
rename from dist/samples/3d-popover-location/dist/assets/index-BY4AM3jh.js
rename to dist/samples/3d-popover-location/dist/assets/index-BvzHBith.js
index 5d4b89a5..66059003 100644
--- a/dist/samples/3d-popover-location/dist/assets/index-BY4AM3jh.js
+++ b/dist/samples/3d-popover-location/dist/assets/index-BvzHBith.js
@@ -1 +1,5 @@
-(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const i of t.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&r(i)}).observe(document,{childList:!0,subtree:!0});function n(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function r(e){if(e.ep)return;e.ep=!0;const t=n(e);fetch(e.href,t)}})();async function c(){const{AltitudeMode:s,Map3DElement:o,MapMode:n,PopoverElement:r}=await google.maps.importLibrary("maps3d"),e=new o({center:{lat:37.8204,lng:-122.4783,altitude:.407},range:4e3,tilt:74,heading:38,mode:n.HYBRID}),t=new r({altitudeMode:s.ABSOLUTE,open:!0,positionAnchor:{lat:37.819852,lng:-122.478549,altitude:150}});t.append("Golden Gate Bridge"),e.append(t),document.body.append(e)}c();
+(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const i of t.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&r(i)}).observe(document,{childList:!0,subtree:!0});function n(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function r(e){if(e.ep)return;e.ep=!0;const t=n(e);fetch(e.href,t)}})();/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/async function c(){const{AltitudeMode:s,Map3DElement:o,MapMode:n,PopoverElement:r}=await google.maps.importLibrary("maps3d"),e=new o({center:{lat:37.8204,lng:-122.4783,altitude:.407},range:4e3,tilt:74,heading:38,mode:n.HYBRID}),t=new r({altitudeMode:s.ABSOLUTE,open:!0,positionAnchor:{lat:37.819852,lng:-122.478549,altitude:150}});t.append("Golden Gate Bridge"),e.append(t),document.body.append(e)}c();
diff --git a/dist/samples/3d-popover-location/dist/assets/index-C2g1Yp9l.css b/dist/samples/3d-popover-location/dist/assets/index-C2g1Yp9l.css
new file mode 100644
index 00000000..66a85dd0
--- /dev/null
+++ b/dist/samples/3d-popover-location/dist/assets/index-C2g1Yp9l.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/html,body{height:100%;margin:0;padding:0}map{height:100%}
diff --git a/dist/samples/3d-popover-location/dist/assets/index-D_kII0LR.css b/dist/samples/3d-popover-location/dist/assets/index-D_kII0LR.css
deleted file mode 100644
index 45e7e5c4..00000000
--- a/dist/samples/3d-popover-location/dist/assets/index-D_kII0LR.css
+++ /dev/null
@@ -1 +0,0 @@
-html,body{height:100%;margin:0;padding:0}map{height:100%}
diff --git a/dist/samples/3d-popover-location/dist/index.html b/dist/samples/3d-popover-location/dist/index.html
index ce004e78..a8e87d5b 100644
--- a/dist/samples/3d-popover-location/dist/index.html
+++ b/dist/samples/3d-popover-location/dist/index.html
@@ -1,11 +1,16 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_popover_location] -->
 <html>
   <head>
     <title>Map</title>
 
-    <script type="module" crossorigin src="./assets/index-BY4AM3jh.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-D_kII0LR.css">
+    <script type="module" crossorigin src="./assets/index-BvzHBith.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-C2g1Yp9l.css">
   </head>
   <body>
     <div id="map"></div>
diff --git a/dist/samples/3d-popover-location/docs/index.html b/dist/samples/3d-popover-location/docs/index.html
index 8be100d6..c6d86e90 100644
--- a/dist/samples/3d-popover-location/docs/index.html
+++ b/dist/samples/3d-popover-location/docs/index.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_popover_location] -->
 <html>
   <head>
diff --git a/dist/samples/3d-popover-location/docs/index.js b/dist/samples/3d-popover-location/docs/index.js
index 1d7b2d61..e33319f1 100644
--- a/dist/samples/3d-popover-location/docs/index.js
+++ b/dist/samples/3d-popover-location/docs/index.js
@@ -1,16 +1,8 @@
 "use strict";
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 // @ts-nocheck
 // [START maps_3d_popover_location]
diff --git a/dist/samples/3d-popover-location/docs/index.ts b/dist/samples/3d-popover-location/docs/index.ts
index 09d5e725..aa8c8e7b 100644
--- a/dist/samples/3d-popover-location/docs/index.ts
+++ b/dist/samples/3d-popover-location/docs/index.ts
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 
 // @ts-nocheck
diff --git a/dist/samples/3d-popover-location/docs/style.css b/dist/samples/3d-popover-location/docs/style.css
index eb520847..0e4ebafb 100644
--- a/dist/samples/3d-popover-location/docs/style.css
+++ b/dist/samples/3d-popover-location/docs/style.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 /* [START maps_3d_popover_location] */
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-popover-location/jsfiddle/demo.css b/dist/samples/3d-popover-location/jsfiddle/demo.css
index 088b5c8c..0be67c08 100644
--- a/dist/samples/3d-popover-location/jsfiddle/demo.css
+++ b/dist/samples/3d-popover-location/jsfiddle/demo.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-popover-location/jsfiddle/demo.html b/dist/samples/3d-popover-location/jsfiddle/demo.html
index 9cde5716..63ff57c6 100644
--- a/dist/samples/3d-popover-location/jsfiddle/demo.html
+++ b/dist/samples/3d-popover-location/jsfiddle/demo.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 
 <html>
   <head>
diff --git a/dist/samples/3d-popover-location/jsfiddle/demo.js b/dist/samples/3d-popover-location/jsfiddle/demo.js
index 0a28c3ef..bd642fcb 100644
--- a/dist/samples/3d-popover-location/jsfiddle/demo.js
+++ b/dist/samples/3d-popover-location/jsfiddle/demo.js
@@ -1,16 +1,8 @@
 "use strict";
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 // @ts-nocheck
 
diff --git a/dist/samples/3d-popover-marker/app/index.html b/dist/samples/3d-popover-marker/app/index.html
index 1e9dd6a1..89bdfa68 100644
--- a/dist/samples/3d-popover-marker/app/index.html
+++ b/dist/samples/3d-popover-marker/app/index.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_popover_marker] -->
 <html>
   <head>
diff --git a/dist/samples/3d-popover-marker/app/index.ts b/dist/samples/3d-popover-marker/app/index.ts
index 612fbacf..18ef6383 100644
--- a/dist/samples/3d-popover-marker/app/index.ts
+++ b/dist/samples/3d-popover-marker/app/index.ts
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 
 // @ts-nocheck
diff --git a/dist/samples/3d-popover-marker/app/style.css b/dist/samples/3d-popover-marker/app/style.css
index 46dd5cd4..18fccad3 100644
--- a/dist/samples/3d-popover-marker/app/style.css
+++ b/dist/samples/3d-popover-marker/app/style.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 /* [START maps_3d_popover_marker] */
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-popover-marker/dist/assets/index-BVXE32j3.css b/dist/samples/3d-popover-marker/dist/assets/index-BVXE32j3.css
deleted file mode 100644
index 3665d7a5..00000000
--- a/dist/samples/3d-popover-marker/dist/assets/index-BVXE32j3.css
+++ /dev/null
@@ -1 +0,0 @@
-html,map{height:100%}body{height:100%;margin:0;padding:0}
diff --git a/dist/samples/3d-popover-marker/dist/assets/index-DDwKyjRS.css b/dist/samples/3d-popover-marker/dist/assets/index-DDwKyjRS.css
new file mode 100644
index 00000000..af40d498
--- /dev/null
+++ b/dist/samples/3d-popover-marker/dist/assets/index-DDwKyjRS.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/html,map{height:100%}body{height:100%;margin:0;padding:0}
diff --git a/dist/samples/3d-popover-marker/dist/assets/index-BiXjO-64.js b/dist/samples/3d-popover-marker/dist/assets/index-OWs1Vg98.js
similarity index 52%
rename from dist/samples/3d-popover-marker/dist/assets/index-BiXjO-64.js
rename to dist/samples/3d-popover-marker/dist/assets/index-OWs1Vg98.js
index 5fd2862b..001fa111 100644
--- a/dist/samples/3d-popover-marker/dist/assets/index-BiXjO-64.js
+++ b/dist/samples/3d-popover-marker/dist/assets/index-OWs1Vg98.js
@@ -1 +1,5 @@
-(function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))n(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const o of t.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&n(o)}).observe(document,{childList:!0,subtree:!0});function s(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function n(e){if(e.ep)return;e.ep=!0;const t=s(e);fetch(e.href,t)}})();async function a(){const{AltitudeMode:c,Map3DElement:r,Marker3DInteractiveElement:s,MapMode:n,PopoverElement:e}=await google.maps.importLibrary("maps3d"),t=new r({center:{lat:37.8204,lng:-122.4783,altitude:.407},range:4e3,tilt:74,heading:38,mode:n.HYBRID}),o=new s({altitudeMode:c.ABSOLUTE,position:{lat:37.819852,lng:-122.478549,altitude:100}}),i=new e({open:!1,positionAnchor:o});i.append("Golden Gate Bridge"),o.addEventListener("gmp-click",d=>{i.open=!i.open}),t.append(o),t.append(i),document.body.append(t)}a();
+(function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))n(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const o of t.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&n(o)}).observe(document,{childList:!0,subtree:!0});function s(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function n(e){if(e.ep)return;e.ep=!0;const t=s(e);fetch(e.href,t)}})();/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/async function a(){const{AltitudeMode:c,Map3DElement:r,Marker3DInteractiveElement:s,MapMode:n,PopoverElement:e}=await google.maps.importLibrary("maps3d"),t=new r({center:{lat:37.8204,lng:-122.4783,altitude:.407},range:4e3,tilt:74,heading:38,mode:n.HYBRID}),o=new s({altitudeMode:c.ABSOLUTE,position:{lat:37.819852,lng:-122.478549,altitude:100}}),i=new e({open:!1,positionAnchor:o});i.append("Golden Gate Bridge"),o.addEventListener("gmp-click",d=>{i.open=!i.open}),t.append(o),t.append(i),document.body.append(t)}a();
diff --git a/dist/samples/3d-popover-marker/dist/index.html b/dist/samples/3d-popover-marker/dist/index.html
index 0b75f987..04fd9442 100644
--- a/dist/samples/3d-popover-marker/dist/index.html
+++ b/dist/samples/3d-popover-marker/dist/index.html
@@ -1,11 +1,16 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_popover_marker] -->
 <html>
   <head>
     <title>Map</title>
 
-    <script type="module" crossorigin src="./assets/index-BiXjO-64.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-BVXE32j3.css">
+    <script type="module" crossorigin src="./assets/index-OWs1Vg98.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-DDwKyjRS.css">
   </head>
   <body>
     <div id="map"></div>
diff --git a/dist/samples/3d-popover-marker/docs/index.html b/dist/samples/3d-popover-marker/docs/index.html
index 1e9dd6a1..89bdfa68 100644
--- a/dist/samples/3d-popover-marker/docs/index.html
+++ b/dist/samples/3d-popover-marker/docs/index.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_popover_marker] -->
 <html>
   <head>
diff --git a/dist/samples/3d-popover-marker/docs/index.js b/dist/samples/3d-popover-marker/docs/index.js
index 2970b3ec..bf478828 100644
--- a/dist/samples/3d-popover-marker/docs/index.js
+++ b/dist/samples/3d-popover-marker/docs/index.js
@@ -1,16 +1,8 @@
 "use strict";
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 // @ts-nocheck
 // [START maps_3d_popover_marker]
diff --git a/dist/samples/3d-popover-marker/docs/index.ts b/dist/samples/3d-popover-marker/docs/index.ts
index 612fbacf..18ef6383 100644
--- a/dist/samples/3d-popover-marker/docs/index.ts
+++ b/dist/samples/3d-popover-marker/docs/index.ts
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 
 // @ts-nocheck
diff --git a/dist/samples/3d-popover-marker/docs/style.css b/dist/samples/3d-popover-marker/docs/style.css
index 46dd5cd4..18fccad3 100644
--- a/dist/samples/3d-popover-marker/docs/style.css
+++ b/dist/samples/3d-popover-marker/docs/style.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 /* [START maps_3d_popover_marker] */
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-popover-marker/jsfiddle/demo.css b/dist/samples/3d-popover-marker/jsfiddle/demo.css
index bfc92009..0f518779 100644
--- a/dist/samples/3d-popover-marker/jsfiddle/demo.css
+++ b/dist/samples/3d-popover-marker/jsfiddle/demo.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-popover-marker/jsfiddle/demo.html b/dist/samples/3d-popover-marker/jsfiddle/demo.html
index 9cde5716..63ff57c6 100644
--- a/dist/samples/3d-popover-marker/jsfiddle/demo.html
+++ b/dist/samples/3d-popover-marker/jsfiddle/demo.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 
 <html>
   <head>
diff --git a/dist/samples/3d-popover-marker/jsfiddle/demo.js b/dist/samples/3d-popover-marker/jsfiddle/demo.js
index ee8fa53a..b5419220 100644
--- a/dist/samples/3d-popover-marker/jsfiddle/demo.js
+++ b/dist/samples/3d-popover-marker/jsfiddle/demo.js
@@ -1,16 +1,8 @@
 "use strict";
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 // @ts-nocheck
 
diff --git a/dist/samples/3d-simple-map-declarative/app/.eslintsrc.json b/dist/samples/3d-simple-map-declarative/app/.eslintsrc.json
new file mode 100644
index 00000000..4c44dab0
--- /dev/null
+++ b/dist/samples/3d-simple-map-declarative/app/.eslintsrc.json
@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "rules": {
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/no-this-alias": 1,
+    "@typescript-eslint/no-empty-function": 1,
+    "@typescript-eslint/explicit-module-boundary-types": 1,
+    "@typescript-eslint/no-unused-vars": 1
+  }
+}
diff --git a/dist/samples/3d-simple-map-declarative/app/index.html b/dist/samples/3d-simple-map-declarative/app/index.html
new file mode 100644
index 00000000..bf89cc27
--- /dev/null
+++ b/dist/samples/3d-simple-map-declarative/app/index.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_simple_map_declarative] -->
+<html>
+  <head>
+    <title>Map</title>
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+  </head>
+  <body>
+    <gmp-map-3d center="37.7704,-122.3985,500" tilt="67.5" mode="hybrid"></gmp-map-3d>
+
+    <script async
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8&v=beta&libraries=maps3d"></script>
+  </body>
+</html>
+<!-- [END maps_3d_simple_map_declarative] -->
diff --git a/dist/samples/3d-simple-map-declarative/app/index.ts b/dist/samples/3d-simple-map-declarative/app/index.ts
new file mode 100644
index 00000000..ce09c184
--- /dev/null
+++ b/dist/samples/3d-simple-map-declarative/app/index.ts
@@ -0,0 +1,10 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_simple_map_declarative]
+
+// [END maps_3d_simple_map_declarative]
diff --git a/dist/samples/3d-simple-map-declarative/app/package.json b/dist/samples/3d-simple-map-declarative/app/package.json
new file mode 100644
index 00000000..02b1b949
--- /dev/null
+++ b/dist/samples/3d-simple-map-declarative/app/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@js-api-samples/3d-simple-map-declarative",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "tsc && bash ../jsfiddle.sh 3d-simple-map-declarative && bash ../app.sh 3d-simple-map-declarative && bash ../docs.sh 3d-simple-map-declarative &&  npm run build:vite --workspace=. && bash ../dist.sh 3d-simple-map-declarative",
+    "test": "tsc && npm run build:vite --workspace=.",
+    "start": "tsc && vite build --base './' && vite",
+    "build:vite": "vite build --base './'",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    
+  }
+}
diff --git a/dist/samples/3d-simple-map-declarative/app/style.css b/dist/samples/3d-simple-map-declarative/app/style.css
new file mode 100644
index 00000000..353cda34
--- /dev/null
+++ b/dist/samples/3d-simple-map-declarative/app/style.css
@@ -0,0 +1,21 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_simple_map_declarative] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+gmp-map-3d {
+    height: 100%;
+}
+
+html,
+body {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+/* [END maps_3d_simple_map_declarative] */
diff --git a/dist/samples/3d-simple-map-declarative/app/tsconfig.json b/dist/samples/3d-simple-map-declarative/app/tsconfig.json
new file mode 100644
index 00000000..366aabb0
--- /dev/null
+++ b/dist/samples/3d-simple-map-declarative/app/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "target": "esnext",
+    "strict": true,
+    "noImplicitAny": false,
+    "lib": [
+      "es2015",
+      "esnext",
+      "es6",
+      "dom",
+      "dom.iterable"
+    ],
+    "moduleResolution": "Node",
+    "jsx": "preserve"
+  }
+}
diff --git a/dist/samples/3d-simple-map-declarative/dist/assets/index-BlXa5a9u.css b/dist/samples/3d-simple-map-declarative/dist/assets/index-BlXa5a9u.css
new file mode 100644
index 00000000..ccf50775
--- /dev/null
+++ b/dist/samples/3d-simple-map-declarative/dist/assets/index-BlXa5a9u.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/html,gmp-map-3d{height:100%}html,body{height:100%;margin:0;padding:0}
diff --git a/dist/samples/3d-simple-map-declarative/dist/index.html b/dist/samples/3d-simple-map-declarative/dist/index.html
new file mode 100644
index 00000000..57ff2088
--- /dev/null
+++ b/dist/samples/3d-simple-map-declarative/dist/index.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_simple_map_declarative] -->
+<html>
+  <head>
+    <title>Map</title>
+    <link rel="stylesheet" crossorigin href="./assets/index-BlXa5a9u.css">
+  </head>
+  <body>
+    <gmp-map-3d center="37.7704,-122.3985,500" tilt="67.5" mode="hybrid"></gmp-map-3d>
+
+    <script async
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8&v=beta&libraries=maps3d"></script>
+  </body>
+</html>
+<!-- [END maps_3d_simple_map_declarative] -->
diff --git a/dist/samples/3d-simple-map-declarative/docs/index.html b/dist/samples/3d-simple-map-declarative/docs/index.html
new file mode 100644
index 00000000..bf89cc27
--- /dev/null
+++ b/dist/samples/3d-simple-map-declarative/docs/index.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+<!-- [START maps_3d_simple_map_declarative] -->
+<html>
+  <head>
+    <title>Map</title>
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+  </head>
+  <body>
+    <gmp-map-3d center="37.7704,-122.3985,500" tilt="67.5" mode="hybrid"></gmp-map-3d>
+
+    <script async
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8&v=beta&libraries=maps3d"></script>
+  </body>
+</html>
+<!-- [END maps_3d_simple_map_declarative] -->
diff --git a/dist/samples/3d-simple-map-declarative/docs/index.js b/dist/samples/3d-simple-map-declarative/docs/index.js
new file mode 100644
index 00000000..e3502401
--- /dev/null
+++ b/dist/samples/3d-simple-map-declarative/docs/index.js
@@ -0,0 +1,9 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+// [START maps_3d_simple_map_declarative]
+// [END maps_3d_simple_map_declarative]
diff --git a/dist/samples/3d-simple-map-declarative/docs/index.ts b/dist/samples/3d-simple-map-declarative/docs/index.ts
new file mode 100644
index 00000000..ce09c184
--- /dev/null
+++ b/dist/samples/3d-simple-map-declarative/docs/index.ts
@@ -0,0 +1,10 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+// @ts-nocheck
+// [START maps_3d_simple_map_declarative]
+
+// [END maps_3d_simple_map_declarative]
diff --git a/dist/samples/3d-simple-map-declarative/docs/style.css b/dist/samples/3d-simple-map-declarative/docs/style.css
new file mode 100644
index 00000000..353cda34
--- /dev/null
+++ b/dist/samples/3d-simple-map-declarative/docs/style.css
@@ -0,0 +1,21 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+/* [START maps_3d_simple_map_declarative] */
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+gmp-map-3d {
+    height: 100%;
+}
+
+html,
+body {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+/* [END maps_3d_simple_map_declarative] */
diff --git a/dist/samples/3d-simple-map-declarative/jsfiddle/demo.css b/dist/samples/3d-simple-map-declarative/jsfiddle/demo.css
new file mode 100644
index 00000000..3e4bf13d
--- /dev/null
+++ b/dist/samples/3d-simple-map-declarative/jsfiddle/demo.css
@@ -0,0 +1,21 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+
+/* * Always set the map height explicitly to define the size of the div element
+ * that contains the map. 
+ */
+html,
+gmp-map-3d {
+    height: 100%;
+}
+
+html,
+body {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
diff --git a/dist/samples/3d-simple-map-declarative/jsfiddle/demo.details b/dist/samples/3d-simple-map-declarative/jsfiddle/demo.details
new file mode 100644
index 00000000..b3cb7cce
--- /dev/null
+++ b/dist/samples/3d-simple-map-declarative/jsfiddle/demo.details
@@ -0,0 +1,7 @@
+name: 3d-simple-map-declarative
+authors:
+  - Geo Developer IX Documentation Team
+tags:
+  - google maps
+load_type: h
+description: Sample code supporting Google Maps Platform JavaScript API documentation.
diff --git a/dist/samples/3d-simple-map-declarative/jsfiddle/demo.html b/dist/samples/3d-simple-map-declarative/jsfiddle/demo.html
new file mode 100644
index 00000000..cb26e9cc
--- /dev/null
+++ b/dist/samples/3d-simple-map-declarative/jsfiddle/demo.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
+
+<html>
+  <head>
+    <title>Map</title>
+    <link rel="stylesheet" type="text/css" href="./style.css" />
+  </head>
+  <body>
+    <gmp-map-3d center="37.7704,-122.3985,500" tilt="67.5" mode="hybrid"></gmp-map-3d>
+
+    <script async
+        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA6myHzS10YXdcazAFalmXvDkrYCp5cLc8&v=beta&libraries=maps3d"></script>
+  </body>
+</html>
+
diff --git a/dist/samples/3d-simple-map-declarative/jsfiddle/demo.js b/dist/samples/3d-simple-map-declarative/jsfiddle/demo.js
new file mode 100644
index 00000000..b2e755f0
--- /dev/null
+++ b/dist/samples/3d-simple-map-declarative/jsfiddle/demo.js
@@ -0,0 +1,9 @@
+"use strict";
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/
+// @ts-nocheck
+
+
diff --git a/dist/samples/3d-simple-map/app/index.html b/dist/samples/3d-simple-map/app/index.html
index d20c411f..b832ec15 100644
--- a/dist/samples/3d-simple-map/app/index.html
+++ b/dist/samples/3d-simple-map/app/index.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_simple_map] -->
 <html>
   <head>
diff --git a/dist/samples/3d-simple-map/app/index.ts b/dist/samples/3d-simple-map/app/index.ts
index 64bcb3b6..d968476d 100644
--- a/dist/samples/3d-simple-map/app/index.ts
+++ b/dist/samples/3d-simple-map/app/index.ts
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 
 //@ts-nocheck
diff --git a/dist/samples/3d-simple-map/app/style.css b/dist/samples/3d-simple-map/app/style.css
index 8305901e..7624a816 100644
--- a/dist/samples/3d-simple-map/app/style.css
+++ b/dist/samples/3d-simple-map/app/style.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 /* [START maps_3d_simple_map] */
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-simple-map/dist/assets/index-BMVaXqyQ.css b/dist/samples/3d-simple-map/dist/assets/index-BMVaXqyQ.css
deleted file mode 100644
index 593006f0..00000000
--- a/dist/samples/3d-simple-map/dist/assets/index-BMVaXqyQ.css
+++ /dev/null
@@ -1 +0,0 @@
-#gmp-map-3d{height:100%}html,body{height:100%;margin:0;padding:0}
diff --git a/dist/samples/3d-simple-map/dist/assets/index-D0HHCpZE.css b/dist/samples/3d-simple-map/dist/assets/index-D0HHCpZE.css
new file mode 100644
index 00000000..ff4ab25d
--- /dev/null
+++ b/dist/samples/3d-simple-map/dist/assets/index-D0HHCpZE.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/#gmp-map-3d{height:100%}html,body{height:100%;margin:0;padding:0}
diff --git a/dist/samples/3d-simple-map/dist/assets/index-DRrSxXyK.js b/dist/samples/3d-simple-map/dist/assets/index-YlcVRnYr.js
similarity index 69%
rename from dist/samples/3d-simple-map/dist/assets/index-DRrSxXyK.js
rename to dist/samples/3d-simple-map/dist/assets/index-YlcVRnYr.js
index 8e1e81f4..5264f1ce 100644
--- a/dist/samples/3d-simple-map/dist/assets/index-DRrSxXyK.js
+++ b/dist/samples/3d-simple-map/dist/assets/index-YlcVRnYr.js
@@ -1 +1,5 @@
-(function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))n(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const o of t.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&n(o)}).observe(document,{childList:!0,subtree:!0});function s(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function n(e){if(e.ep)return;e.ep=!0;const t=s(e);fetch(e.href,t)}})();async function c(){const{Map3DElement:i}=await google.maps.importLibrary("maps3d"),r=new i({center:{lat:37.7704,lng:-122.3985,altitude:500},tilt:67.5,mode:"HYBRID"});document.body.append(r)}c();
+(function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))n(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const o of t.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&n(o)}).observe(document,{childList:!0,subtree:!0});function s(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function n(e){if(e.ep)return;e.ep=!0;const t=s(e);fetch(e.href,t)}})();/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/async function c(){const{Map3DElement:i}=await google.maps.importLibrary("maps3d"),r=new i({center:{lat:37.7704,lng:-122.3985,altitude:500},tilt:67.5,mode:"HYBRID"});document.body.append(r)}c();
diff --git a/dist/samples/3d-simple-map/dist/index.html b/dist/samples/3d-simple-map/dist/index.html
index 1599759e..9eb3ede7 100644
--- a/dist/samples/3d-simple-map/dist/index.html
+++ b/dist/samples/3d-simple-map/dist/index.html
@@ -1,11 +1,16 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_simple_map] -->
 <html>
   <head>
     <title>Simple Map</title>
 
-    <script type="module" crossorigin src="./assets/index-DRrSxXyK.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-BMVaXqyQ.css">
+    <script type="module" crossorigin src="./assets/index-YlcVRnYr.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-D0HHCpZE.css">
   </head>
   <body>
     <gmp-map-3d mode="hybrid" center="37.7704,-122.3985,500" tilt="67.5"></gmp-map-3d>
diff --git a/dist/samples/3d-simple-map/docs/index.html b/dist/samples/3d-simple-map/docs/index.html
index d20c411f..b832ec15 100644
--- a/dist/samples/3d-simple-map/docs/index.html
+++ b/dist/samples/3d-simple-map/docs/index.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_simple_map] -->
 <html>
   <head>
diff --git a/dist/samples/3d-simple-map/docs/index.js b/dist/samples/3d-simple-map/docs/index.js
index 3c6f70d1..dda80709 100644
--- a/dist/samples/3d-simple-map/docs/index.js
+++ b/dist/samples/3d-simple-map/docs/index.js
@@ -1,16 +1,8 @@
 "use strict";
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 //@ts-nocheck
 // [START maps_3d_simple_map]
diff --git a/dist/samples/3d-simple-map/docs/index.ts b/dist/samples/3d-simple-map/docs/index.ts
index 64bcb3b6..d968476d 100644
--- a/dist/samples/3d-simple-map/docs/index.ts
+++ b/dist/samples/3d-simple-map/docs/index.ts
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 
 //@ts-nocheck
diff --git a/dist/samples/3d-simple-map/docs/style.css b/dist/samples/3d-simple-map/docs/style.css
index 8305901e..7624a816 100644
--- a/dist/samples/3d-simple-map/docs/style.css
+++ b/dist/samples/3d-simple-map/docs/style.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 /* [START maps_3d_simple_map] */
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-simple-map/jsfiddle/demo.css b/dist/samples/3d-simple-map/jsfiddle/demo.css
index 18829c38..76f40072 100644
--- a/dist/samples/3d-simple-map/jsfiddle/demo.css
+++ b/dist/samples/3d-simple-map/jsfiddle/demo.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-simple-map/jsfiddle/demo.html b/dist/samples/3d-simple-map/jsfiddle/demo.html
index 9b74b56d..a370fd15 100644
--- a/dist/samples/3d-simple-map/jsfiddle/demo.html
+++ b/dist/samples/3d-simple-map/jsfiddle/demo.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 
 <html>
   <head>
diff --git a/dist/samples/3d-simple-map/jsfiddle/demo.js b/dist/samples/3d-simple-map/jsfiddle/demo.js
index 4f1e2c03..ddd1c59f 100644
--- a/dist/samples/3d-simple-map/jsfiddle/demo.js
+++ b/dist/samples/3d-simple-map/jsfiddle/demo.js
@@ -1,16 +1,8 @@
 "use strict";
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 //@ts-nocheck
 
diff --git a/dist/samples/3d-simple-marker/app/index.html b/dist/samples/3d-simple-marker/app/index.html
index be64ed8e..089200d6 100644
--- a/dist/samples/3d-simple-marker/app/index.html
+++ b/dist/samples/3d-simple-marker/app/index.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_simple_marker] -->
 <html>
   <head>
diff --git a/dist/samples/3d-simple-marker/app/index.ts b/dist/samples/3d-simple-marker/app/index.ts
index 8e9f2aca..bd0bdb0c 100644
--- a/dist/samples/3d-simple-marker/app/index.ts
+++ b/dist/samples/3d-simple-marker/app/index.ts
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 //@ts-nocheck
 // [START maps_3d_simple_marker]
diff --git a/dist/samples/3d-simple-marker/app/style.css b/dist/samples/3d-simple-marker/app/style.css
index 72bfcd20..2b619d28 100644
--- a/dist/samples/3d-simple-marker/app/style.css
+++ b/dist/samples/3d-simple-marker/app/style.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 /* [START maps_3d_simple_marker] */
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-simple-marker/dist/assets/index-549u98Rk.css b/dist/samples/3d-simple-marker/dist/assets/index-549u98Rk.css
deleted file mode 100644
index 37abb1c4..00000000
--- a/dist/samples/3d-simple-marker/dist/assets/index-549u98Rk.css
+++ /dev/null
@@ -1 +0,0 @@
-html,body{height:100%;margin:0;padding:0}
diff --git a/dist/samples/3d-simple-marker/dist/assets/index-BjJx67ua.css b/dist/samples/3d-simple-marker/dist/assets/index-BjJx67ua.css
new file mode 100644
index 00000000..ef9de0f7
--- /dev/null
+++ b/dist/samples/3d-simple-marker/dist/assets/index-BjJx67ua.css
@@ -0,0 +1,5 @@
+/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/html,body{height:100%;margin:0;padding:0}
diff --git a/dist/samples/3d-simple-marker/dist/assets/index-BRzo5X78.js b/dist/samples/3d-simple-marker/dist/assets/index-DmItXLZH.js
similarity index 59%
rename from dist/samples/3d-simple-marker/dist/assets/index-BRzo5X78.js
rename to dist/samples/3d-simple-marker/dist/assets/index-DmItXLZH.js
index b225f27f..5402c2b8 100644
--- a/dist/samples/3d-simple-marker/dist/assets/index-BRzo5X78.js
+++ b/dist/samples/3d-simple-marker/dist/assets/index-DmItXLZH.js
@@ -1 +1,5 @@
-(function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))n(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const i of t.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&n(i)}).observe(document,{childList:!0,subtree:!0});function o(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function n(e){if(e.ep)return;e.ep=!0;const t=o(e);fetch(e.href,t)}})();async function c(){const{Map3DElement:s,Marker3DElement:r}=await google.maps.importLibrary("maps3d"),o=new s({center:{lat:37.4239163,lng:-122.0947209,altitude:0},tilt:67.5,range:1e3,mode:"SATELLITE"}),n=new r({position:{lat:37.4239163,lng:-122.0947209,altitude:50},altitudeMode:"ABSOLUTE",extruded:!0,label:"Basic Marker"});o.append(n),document.body.append(o)}c();
+(function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))n(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const i of t.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&n(i)}).observe(document,{childList:!0,subtree:!0});function o(e){const t={};return e.integrity&&(t.integrity=e.integrity),e.referrerPolicy&&(t.referrerPolicy=e.referrerPolicy),e.crossOrigin==="use-credentials"?t.credentials="include":e.crossOrigin==="anonymous"?t.credentials="omit":t.credentials="same-origin",t}function n(e){if(e.ep)return;e.ep=!0;const t=o(e);fetch(e.href,t)}})();/*
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
+*/async function c(){const{Map3DElement:s,Marker3DElement:r}=await google.maps.importLibrary("maps3d"),o=new s({center:{lat:37.4239163,lng:-122.0947209,altitude:0},tilt:67.5,range:1e3,mode:"SATELLITE"}),n=new r({position:{lat:37.4239163,lng:-122.0947209,altitude:50},altitudeMode:"ABSOLUTE",extruded:!0,label:"Basic Marker"});o.append(n),document.body.append(o)}c();
diff --git a/dist/samples/3d-simple-marker/dist/index.html b/dist/samples/3d-simple-marker/dist/index.html
index 21677c50..ed103a78 100644
--- a/dist/samples/3d-simple-marker/dist/index.html
+++ b/dist/samples/3d-simple-marker/dist/index.html
@@ -1,11 +1,16 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_simple_marker] -->
 <html>
   <head>
     <title>Map</title>
 
-    <script type="module" crossorigin src="./assets/index-BRzo5X78.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-549u98Rk.css">
+    <script type="module" crossorigin src="./assets/index-DmItXLZH.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-BjJx67ua.css">
   </head>
   <body>
     <div id="map"></div>
diff --git a/dist/samples/3d-simple-marker/docs/index.html b/dist/samples/3d-simple-marker/docs/index.html
index be64ed8e..089200d6 100644
--- a/dist/samples/3d-simple-marker/docs/index.html
+++ b/dist/samples/3d-simple-marker/docs/index.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 <!-- [START maps_3d_simple_marker] -->
 <html>
   <head>
diff --git a/dist/samples/3d-simple-marker/docs/index.js b/dist/samples/3d-simple-marker/docs/index.js
index 1cb12c88..a2450c03 100644
--- a/dist/samples/3d-simple-marker/docs/index.js
+++ b/dist/samples/3d-simple-marker/docs/index.js
@@ -1,16 +1,8 @@
 "use strict";
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 //@ts-nocheck
 // [START maps_3d_simple_marker]
diff --git a/dist/samples/3d-simple-marker/docs/index.ts b/dist/samples/3d-simple-marker/docs/index.ts
index 8e9f2aca..bd0bdb0c 100644
--- a/dist/samples/3d-simple-marker/docs/index.ts
+++ b/dist/samples/3d-simple-marker/docs/index.ts
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 //@ts-nocheck
 // [START maps_3d_simple_marker]
diff --git a/dist/samples/3d-simple-marker/docs/style.css b/dist/samples/3d-simple-marker/docs/style.css
index 72bfcd20..2b619d28 100644
--- a/dist/samples/3d-simple-marker/docs/style.css
+++ b/dist/samples/3d-simple-marker/docs/style.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 /* [START maps_3d_simple_marker] */
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-simple-marker/jsfiddle/demo.css b/dist/samples/3d-simple-marker/jsfiddle/demo.css
index acaa57d7..c0899ade 100644
--- a/dist/samples/3d-simple-marker/jsfiddle/demo.css
+++ b/dist/samples/3d-simple-marker/jsfiddle/demo.css
@@ -1,15 +1,7 @@
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 
 /* * Always set the map height explicitly to define the size of the div element
diff --git a/dist/samples/3d-simple-marker/jsfiddle/demo.html b/dist/samples/3d-simple-marker/jsfiddle/demo.html
index 756fc1e6..0bf9e340 100644
--- a/dist/samples/3d-simple-marker/jsfiddle/demo.html
+++ b/dist/samples/3d-simple-marker/jsfiddle/demo.html
@@ -1,4 +1,9 @@
 <!doctype html>
+<!--
+ @license
+ Copyright 2025 Google LLC. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+-->
 
 <html>
   <head>
diff --git a/dist/samples/3d-simple-marker/jsfiddle/demo.js b/dist/samples/3d-simple-marker/jsfiddle/demo.js
index 03f5e23b..404e01d6 100644
--- a/dist/samples/3d-simple-marker/jsfiddle/demo.js
+++ b/dist/samples/3d-simple-marker/jsfiddle/demo.js
@@ -1,16 +1,8 @@
 "use strict";
 /*
- * Copyright 2025 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * * https://www.apache.org/licenses/LICENSE-2.0
- * * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+* @license
+* Copyright 2025 Google LLC. All Rights Reserved.
+* SPDX-License-Identifier: Apache-2.0
 */
 //@ts-nocheck
 
diff --git a/index.html b/index.html
index 3a2b01af..562f186b 100644
--- a/index.html
+++ b/index.html
@@ -7,11 +7,23 @@
 <!-- Default top-level index for Firebase Hosting -->
 <h1>Maps JSAPI Samples</h1>
 <ul>
+  <li><a href='/samples/3d-camera-to-around/dist'>3d-camera-to-around</a></li>
+  <li><a href='/samples/3d-label-toggle/dist'>3d-label-toggle</a></li>
+  <li><a href='/samples/3d-marker-click-event/dist'>3d-marker-click-event</a></li>
   <li><a href='/samples/3d-marker-customization/dist'>3d-marker-customization</a></li>
+  <li><a href='/samples/3d-marker-interactive/dist'>3d-marker-interactive</a></li>
   <li><a href='/samples/3d-places/dist'>3d-places</a></li>
+  <li><a href='/samples/3d-places-autocomplete/dist'>3d-places-autocomplete</a></li>
+  <li><a href='/samples/3d-polygon/dist'>3d-polygon</a></li>
+  <li><a href='/samples/3d-polygon-click-event/dist'>3d-polygon-click-event</a></li>
+  <li><a href='/samples/3d-polygon-extruded-hole/dist'>3d-polygon-extruded-hole</a></li>
+  <li><a href='/samples/3d-polyline/dist'>3d-polyline</a></li>
+  <li><a href='/samples/3d-polyline-click-event/dist'>3d-polyline-click-event</a></li>
+  <li><a href='/samples/3d-polyline-extruded/dist'>3d-polyline-extruded</a></li>
   <li><a href='/samples/3d-popover-location/dist'>3d-popover-location</a></li>
   <li><a href='/samples/3d-popover-marker/dist'>3d-popover-marker</a></li>
   <li><a href='/samples/3d-simple-map/dist'>3d-simple-map</a></li>
+  <li><a href='/samples/3d-simple-map-declarative/dist'>3d-simple-map-declarative</a></li>
   <li><a href='/samples/3d-simple-marker/dist'>3d-simple-marker</a></li>
   <li><a href='/samples/add-map/dist'>add-map</a></li>
   <li><a href='/samples/advanced-markers-animation/dist'>advanced-markers-animation</a></li>
