From a95073682166a000662d26a6ca7930d14a58f99b Mon Sep 17 00:00:00 2001
From: Ari Oppenheimer <ppenheimer@gmail.com>
Date: Wed, 13 May 2026 09:26:05 -0700
Subject: [PATCH 1/6] Added region tags to 3D samples

---
 samples/3d-camera-to-around/index.ts          |  5 +++-
 samples/3d-marker-collision-behavior/index.ts |  2 ++
 samples/3d-marker-customization/index.ts      | 23 +++++++++++++++++--
 samples/3d-marker-graphics/index.ts           |  8 +++++++
 samples/3d-marker-interactive/index.ts        |  5 +++-
 samples/3d-mesh-flatten/index.html            |  5 +++-
 6 files changed, 43 insertions(+), 5 deletions(-)

diff --git a/samples/3d-camera-to-around/index.ts b/samples/3d-camera-to-around/index.ts
index 806e36cb1..f0285eb20 100644
--- a/samples/3d-camera-to-around/index.ts
+++ b/samples/3d-camera-to-around/index.ts
@@ -37,17 +37,19 @@ async function init() {
     };
 
     // Fly the camera from San Francisco to Hawaii, can be controlled by a button alternatively.
+    // [START maps_3d_camera_to]
     map.flyCameraTo({
         // Where we are going to.
         endCamera: flyToCamera,
         // How long we want the flight to take.
         durationMillis: 30000,
     });
-
+    // [END maps_3d_camera_to]
     // When the animation has completed, fly around the location.
     map.addEventListener(
         'gmp-animationend',
         () => {
+            // [START maps_3d_camera_around]
             map.flyCameraAround({
                 // Location to fly around.
                 camera: flyToCamera,
@@ -56,6 +58,7 @@ async function init() {
                 // Number of rotations to make in the specified time.
                 repeatCount: 1,
             });
+            // [END maps_3d_camera_around]
         },
         { once: true }
     ); // Stop animation after flying around.
diff --git a/samples/3d-marker-collision-behavior/index.ts b/samples/3d-marker-collision-behavior/index.ts
index 4e427639f..8609dfec9 100644
--- a/samples/3d-marker-collision-behavior/index.ts
+++ b/samples/3d-marker-collision-behavior/index.ts
@@ -20,11 +20,13 @@ async function init() {
     });
 
     for (const [lng, lat] of positions) {
+        // [START maps_3d_marker_collision_snippet]
         const marker = new Marker3DElement({
             position: { lat, lng },
             // Try setting a different collision behavior here.
             collisionBehavior: 'REQUIRED',
         });
+        // [START maps_3d_marker_collision_snippet]
 
         markers.push(marker);
         map.append(marker);
diff --git a/samples/3d-marker-customization/index.ts b/samples/3d-marker-customization/index.ts
index 78283100c..68c0d570e 100644
--- a/samples/3d-marker-customization/index.ts
+++ b/samples/3d-marker-customization/index.ts
@@ -22,6 +22,7 @@ async function init() {
 
     map.mode = 'SATELLITE';
 
+    // [START maps_3d_marker_pin_border]
     // Change the border color.
     const pinBorder = new PinElement({
         borderColor: '#FFFFFF',
@@ -30,13 +31,15 @@ async function init() {
         position: { lat: 37.415, lng: -122.035 },
     });
     markerWithBorder.append(pinBorder);
-
+    // [END maps_3d_marker_pin_border]
+    
     // Add a label.
     const markerWithLabel = new Marker3DElement({
         position: { lat: 37.419, lng: -122.03 },
         label: 'Simple label',
     });
 
+    // [START maps_3d_marker_scale]
     // Adjust the scale.
     const pinScaled = new PinElement({
         scale: 1.5,
@@ -45,7 +48,9 @@ async function init() {
         position: { lat: 37.419, lng: -122.02 },
     });
     markerWithScale.append(pinScaled);
+    // [END maps_3d_marker_label]
 
+    // [START maps_3d_marker_glyph_color]
     // Change the glyph color.
     const pinGlyph = new PinElement({
         glyphColor: 'white',
@@ -54,7 +59,9 @@ async function init() {
         position: { lat: 37.415, lng: -122.025 },
     });
     markerWithGlyphColor.append(pinGlyph);
+    // [END maps_3d_marker_glyph_color]
 
+    // [START maps_3d_marker_glyph_text]
     // Change many elements together and extrude marker.
     const pinTextGlyph = new PinElement({
         background: '#F0F6FC',
@@ -68,6 +75,16 @@ async function init() {
         altitudeMode: 'RELATIVE_TO_GROUND',
     });
     markerWithGlyphText.append(pinTextGlyph);
+    // [END maps_3d_marker_glyph_text]
+
+    // [START maps_3d_marker_extruded]
+    // Change a marker's altitude and add an extrusion.
+    const extrudedMarker = new Marker3DElement({
+        position: { lat: 37.4239163, lng: -122.0947209, altitude: 100 },
+        altitudeMode: 'RELATIVE_TO_GROUND',
+        extruded: true,
+    });
+    // [END maps_3d_marker_extruded]
 
     // Hide the glyph.
     const pinNoGlyph = new PinElement({
@@ -77,7 +94,7 @@ async function init() {
         position: { lat: 37.415, lng: -122.005 },
     });
     markerWithNoGlyph.append(pinNoGlyph);
-
+    // [START maps_3d_marker_background]
     // Change the background color.
     const pinBackground = new PinElement({
         background: '#FBBC04',
@@ -87,6 +104,7 @@ async function init() {
         position: { lat: 37.419, lng: -122.01 },
     });
     markerWithBackground.append(pinBackground);
+    // [END maps_3d_marker_background]
 
     map.append(markerWithLabel);
     map.append(markerWithScale);
@@ -95,6 +113,7 @@ async function init() {
     map.append(markerWithGlyphColor);
     map.append(markerWithGlyphText);
     map.append(markerWithNoGlyph);
+    map.append(extrudedMarker);
 
     document.body.append(map);
 }
diff --git a/samples/3d-marker-graphics/index.ts b/samples/3d-marker-graphics/index.ts
index f33697d50..02cf13a60 100644
--- a/samples/3d-marker-graphics/index.ts
+++ b/samples/3d-marker-graphics/index.ts
@@ -21,6 +21,7 @@ async function init() {
         gestureHandling: 'COOPERATIVE',
     });
 
+    // [START maps_3d_marker_png]
     // A marker with a with a URL pointing to a PNG.
     const beachFlagImg = document.createElement('img');
     beachFlagImg.src = String(new URL('images/beachflag.png', import.meta.url));
@@ -33,7 +34,9 @@ async function init() {
     beachFlagMarker.append(templateForImg);
 
     map.append(beachFlagMarker);
+    // [END maps_3d_marker_png]
 
+    // [START maps_3d_marker_glyph]
     // A marker with a custom SVG glyph and white background.
     const glyphImgUrl = new URL('images/192px.svg', import.meta.url);
     const glyphSvgPinElement = new PinElement({
@@ -46,6 +49,7 @@ async function init() {
         altitudeMode: 'ABSOLUTE',
     });
     glyphSvgMarker.append(glyphSvgPinElement);
+    // [END maps_3d_marker_glyph]
 
     try {
         map.append(glyphSvgMarker);
@@ -53,6 +57,7 @@ async function init() {
         console.error(error);
     }
 
+    // [START maps_3d_marker_place]
     // A marker customized using a place icon and color, name, and geometry.
     const place = new Place({
         id: 'ChIJN5Nz71W3j4ARhx5bwpTQEGg',
@@ -78,7 +83,9 @@ async function init() {
     placeIconMarker.append(pinElement);
 
     map.append(placeIconMarker);
+    // [END maps_3d_marker_place]
 
+    // [START maps_3d_marker_svg]
     // Used to parse the SVG string.
     const parser = new DOMParser();
 
@@ -100,6 +107,7 @@ async function init() {
     markerWithCustomSvg.append(templateForSvg);
 
     map.append(markerWithCustomSvg);
+    // [END maps_3d_marker_svg]
 
     document.body.append(map);
 }
diff --git a/samples/3d-marker-interactive/index.ts b/samples/3d-marker-interactive/index.ts
index 827c32aa1..6b0642f2f 100644
--- a/samples/3d-marker-interactive/index.ts
+++ b/samples/3d-marker-interactive/index.ts
@@ -26,11 +26,14 @@ async function init() {
         });
 
         popover.append(position.name);
-
+        
+        // [START maps_3d_marker_interaction]
         const interactiveMarker = new Marker3DInteractiveElement({
             position,
             gmpPopoverTargetElement: popover,
         });
+        // [END maps_3d_marker_interaction]
+
 
         map.append(interactiveMarker);
         map.append(popover);
diff --git a/samples/3d-mesh-flatten/index.html b/samples/3d-mesh-flatten/index.html
index 05ca51a28..340abb122 100644
--- a/samples/3d-mesh-flatten/index.html
+++ b/samples/3d-mesh-flatten/index.html
@@ -19,14 +19,17 @@
         </script>
     </head>
     <body>
+        <!-- [START maps_3d_mesh_flatten_snippet] -->
         <gmp-map-3d
             center="40.70304023274898,-73.99453903360259,397.3687221767566"
             heading="-54.63577922139952"
             tilt="65.59195953953744"
             mode="SATELLITE">
             <gmp-flattener
-                path="40.707680607935245,-74.00310353377735,500 40.70829665151717,-74.00193595590612,500 40.7073748659931,-74.00122787224885,500 40.706738652153156,-74.00232125268805,500 40.70738164589913,-74.0028721484274,500"></gmp-flattener>
+                path="40.707680607935245,-74.00310353377735,500 40.70829665151717,-74.00193595590612,500 40.7073748659931,-74.00122787224885,500 40.706738652153156,-74.00232125268805,500 40.70738164589913,-74.0028721484274,500">
+            </gmp-flattener>
         </gmp-map-3d>
+        <!-- [END maps_3d_mesh_flatten_snippet] -->
 
         <button class="toggleButton" id="toggleButton" type="button">
             Disable Flattener

From 002e66a0660170d7f9b1c7c1d3762e366c7fdc15 Mon Sep 17 00:00:00 2001
From: Ari Oppenheimer <ppenheimer@gmail.com>
Date: Wed, 13 May 2026 10:30:06 -0700
Subject: [PATCH 2/6] updated region tags

---
 samples/3d-marker-collision-behavior/index.ts | 2 +-
 samples/3d-marker-customization/index.ts      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/samples/3d-marker-collision-behavior/index.ts b/samples/3d-marker-collision-behavior/index.ts
index 8609dfec9..ab261e26d 100644
--- a/samples/3d-marker-collision-behavior/index.ts
+++ b/samples/3d-marker-collision-behavior/index.ts
@@ -26,7 +26,7 @@ async function init() {
             // Try setting a different collision behavior here.
             collisionBehavior: 'REQUIRED',
         });
-        // [START maps_3d_marker_collision_snippet]
+        // [END maps_3d_marker_collision_snippet]
 
         markers.push(marker);
         map.append(marker);
diff --git a/samples/3d-marker-customization/index.ts b/samples/3d-marker-customization/index.ts
index 68c0d570e..d8bbc38ae 100644
--- a/samples/3d-marker-customization/index.ts
+++ b/samples/3d-marker-customization/index.ts
@@ -48,7 +48,7 @@ async function init() {
         position: { lat: 37.419, lng: -122.02 },
     });
     markerWithScale.append(pinScaled);
-    // [END maps_3d_marker_label]
+    // [END maps_3d_marker_scale]
 
     // [START maps_3d_marker_glyph_color]
     // Change the glyph color.

From 40a67b453905720275e1feabe7f9c4baa41c874f Mon Sep 17 00:00:00 2001
From: Ari Oppenheimer <ppenheimer@gmail.com>
Date: Wed, 13 May 2026 10:42:11 -0700
Subject: [PATCH 3/6] 'prettier' formatting fixes

---
 samples/3d-marker-customization/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/samples/3d-marker-customization/index.ts b/samples/3d-marker-customization/index.ts
index d8bbc38ae..50a4e2b64 100644
--- a/samples/3d-marker-customization/index.ts
+++ b/samples/3d-marker-customization/index.ts
@@ -32,7 +32,7 @@ async function init() {
     });
     markerWithBorder.append(pinBorder);
     // [END maps_3d_marker_pin_border]
-    
+
     // Add a label.
     const markerWithLabel = new Marker3DElement({
         position: { lat: 37.419, lng: -122.03 },

From e155174c05cc3826f0b027a92873dd4450661348 Mon Sep 17 00:00:00 2001
From: Ari Oppenheimer <ppenheimer@gmail.com>
Date: Wed, 13 May 2026 10:45:24 -0700
Subject: [PATCH 4/6] prettier fix in interactive sample

---
 samples/3d-marker-interactive/index.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/samples/3d-marker-interactive/index.ts b/samples/3d-marker-interactive/index.ts
index 6b0642f2f..b76ce422f 100644
--- a/samples/3d-marker-interactive/index.ts
+++ b/samples/3d-marker-interactive/index.ts
@@ -26,7 +26,7 @@ async function init() {
         });
 
         popover.append(position.name);
-        
+
         // [START maps_3d_marker_interaction]
         const interactiveMarker = new Marker3DInteractiveElement({
             position,
@@ -34,7 +34,6 @@ async function init() {
         });
         // [END maps_3d_marker_interaction]
 
-
         map.append(interactiveMarker);
         map.append(popover);
     }

From 0a87608d4bf57bec7ca554303693556de2f77cf5 Mon Sep 17 00:00:00 2001
From: Ari Oppenheimer <ppenheimer@gmail.com>
Date: Wed, 13 May 2026 13:08:47 -0700
Subject: [PATCH 5/6] fix region tag styling and unneccessary boolean

---
 samples/3d-camera-to-around/index.ts          |  4 ++--
 samples/3d-marker-collision-behavior/index.ts |  7 +++---
 samples/3d-marker-customization/index.ts      | 24 +++++++++----------
 samples/3d-marker-graphics/index.ts           | 16 ++++++-------
 samples/3d-marker-interactive/index.ts        |  4 ++--
 5 files changed, 27 insertions(+), 28 deletions(-)

diff --git a/samples/3d-camera-to-around/index.ts b/samples/3d-camera-to-around/index.ts
index f0285eb20..5403b102e 100644
--- a/samples/3d-camera-to-around/index.ts
+++ b/samples/3d-camera-to-around/index.ts
@@ -37,14 +37,14 @@ async function init() {
     };
 
     // Fly the camera from San Francisco to Hawaii, can be controlled by a button alternatively.
-    // [START maps_3d_camera_to]
+    // [START maps_3d_camera_to_around_flyto]
     map.flyCameraTo({
         // Where we are going to.
         endCamera: flyToCamera,
         // How long we want the flight to take.
         durationMillis: 30000,
     });
-    // [END maps_3d_camera_to]
+    // [END maps_3d_camera_to_around_flyto]
     // When the animation has completed, fly around the location.
     map.addEventListener(
         'gmp-animationend',
diff --git a/samples/3d-marker-collision-behavior/index.ts b/samples/3d-marker-collision-behavior/index.ts
index ab261e26d..7a8ce2104 100644
--- a/samples/3d-marker-collision-behavior/index.ts
+++ b/samples/3d-marker-collision-behavior/index.ts
@@ -20,13 +20,13 @@ async function init() {
     });
 
     for (const [lng, lat] of positions) {
-        // [START maps_3d_marker_collision_snippet]
+        // [START maps_3d_marker_collision_behavior_setbehavior]
         const marker = new Marker3DElement({
             position: { lat, lng },
             // Try setting a different collision behavior here.
             collisionBehavior: 'REQUIRED',
         });
-        // [END maps_3d_marker_collision_snippet]
+        // [END maps_3d_marker_collision_behavior_setbehavior]
 
         markers.push(marker);
         map.append(marker);
@@ -60,8 +60,7 @@ dropdown.addEventListener('change', drawMap);
 
 function drawMap() {
     for (const marker of markers) {
-        marker.collisionBehavior =
-            (dropdown.value as google.maps.CollisionBehavior) || 'REQUIRED';
+        marker.collisionBehavior = dropdown.value as google.maps.CollisionBehavior;
     }
 }
 
diff --git a/samples/3d-marker-customization/index.ts b/samples/3d-marker-customization/index.ts
index 50a4e2b64..2dbbec290 100644
--- a/samples/3d-marker-customization/index.ts
+++ b/samples/3d-marker-customization/index.ts
@@ -22,7 +22,7 @@ async function init() {
 
     map.mode = 'SATELLITE';
 
-    // [START maps_3d_marker_pin_border]
+    // [START maps_3d_marker_customization_pin_border]
     // Change the border color.
     const pinBorder = new PinElement({
         borderColor: '#FFFFFF',
@@ -31,7 +31,7 @@ async function init() {
         position: { lat: 37.415, lng: -122.035 },
     });
     markerWithBorder.append(pinBorder);
-    // [END maps_3d_marker_pin_border]
+    // [END maps_3d_marker_customization_pin_border]
 
     // Add a label.
     const markerWithLabel = new Marker3DElement({
@@ -39,7 +39,7 @@ async function init() {
         label: 'Simple label',
     });
 
-    // [START maps_3d_marker_scale]
+    // [START maps_3d_marker_customization_scale]
     // Adjust the scale.
     const pinScaled = new PinElement({
         scale: 1.5,
@@ -48,9 +48,9 @@ async function init() {
         position: { lat: 37.419, lng: -122.02 },
     });
     markerWithScale.append(pinScaled);
-    // [END maps_3d_marker_scale]
+    // [END maps_3d_marker_customization_scale]
 
-    // [START maps_3d_marker_glyph_color]
+    // [START maps_3d_marker_customization_glyph_color]
     // Change the glyph color.
     const pinGlyph = new PinElement({
         glyphColor: 'white',
@@ -59,9 +59,9 @@ async function init() {
         position: { lat: 37.415, lng: -122.025 },
     });
     markerWithGlyphColor.append(pinGlyph);
-    // [END maps_3d_marker_glyph_color]
+    // [END maps_3d_marker_customization_glyph_color]
 
-    // [START maps_3d_marker_glyph_text]
+    // [START maps_3d_marker_customization_glyph_text]
     // Change many elements together and extrude marker.
     const pinTextGlyph = new PinElement({
         background: '#F0F6FC',
@@ -75,16 +75,16 @@ async function init() {
         altitudeMode: 'RELATIVE_TO_GROUND',
     });
     markerWithGlyphText.append(pinTextGlyph);
-    // [END maps_3d_marker_glyph_text]
+    // [END maps_3d_marker_customization_glyph_text]
 
-    // [START maps_3d_marker_extruded]
+    // [START maps_3d_marker_customization_extruded]
     // Change a marker's altitude and add an extrusion.
     const extrudedMarker = new Marker3DElement({
         position: { lat: 37.4239163, lng: -122.0947209, altitude: 100 },
         altitudeMode: 'RELATIVE_TO_GROUND',
         extruded: true,
     });
-    // [END maps_3d_marker_extruded]
+    // [END maps_3d_marker_customization_extruded]
 
     // Hide the glyph.
     const pinNoGlyph = new PinElement({
@@ -94,7 +94,7 @@ async function init() {
         position: { lat: 37.415, lng: -122.005 },
     });
     markerWithNoGlyph.append(pinNoGlyph);
-    // [START maps_3d_marker_background]
+    // [START maps_3d_marker_customization_background]
     // Change the background color.
     const pinBackground = new PinElement({
         background: '#FBBC04',
@@ -104,7 +104,7 @@ async function init() {
         position: { lat: 37.419, lng: -122.01 },
     });
     markerWithBackground.append(pinBackground);
-    // [END maps_3d_marker_background]
+    // [END maps_3d_marker_customization_background]
 
     map.append(markerWithLabel);
     map.append(markerWithScale);
diff --git a/samples/3d-marker-graphics/index.ts b/samples/3d-marker-graphics/index.ts
index 02cf13a60..4aba123d8 100644
--- a/samples/3d-marker-graphics/index.ts
+++ b/samples/3d-marker-graphics/index.ts
@@ -21,7 +21,7 @@ async function init() {
         gestureHandling: 'COOPERATIVE',
     });
 
-    // [START maps_3d_marker_png]
+    // [START maps_3d_marker_graphics_png]
     // A marker with a with a URL pointing to a PNG.
     const beachFlagImg = document.createElement('img');
     beachFlagImg.src = String(new URL('images/beachflag.png', import.meta.url));
@@ -34,9 +34,9 @@ async function init() {
     beachFlagMarker.append(templateForImg);
 
     map.append(beachFlagMarker);
-    // [END maps_3d_marker_png]
+    // [END maps_3d_marker_graphics_png]
 
-    // [START maps_3d_marker_glyph]
+    // [START maps_3d_marker_graphics_glyph]
     // A marker with a custom SVG glyph and white background.
     const glyphImgUrl = new URL('images/192px.svg', import.meta.url);
     const glyphSvgPinElement = new PinElement({
@@ -49,7 +49,7 @@ async function init() {
         altitudeMode: 'ABSOLUTE',
     });
     glyphSvgMarker.append(glyphSvgPinElement);
-    // [END maps_3d_marker_glyph]
+    // [END maps_3d_marker_graphics_glyph]
 
     try {
         map.append(glyphSvgMarker);
@@ -57,7 +57,7 @@ async function init() {
         console.error(error);
     }
 
-    // [START maps_3d_marker_place]
+    // [START maps_3d_marker_graphics_place]
     // A marker customized using a place icon and color, name, and geometry.
     const place = new Place({
         id: 'ChIJN5Nz71W3j4ARhx5bwpTQEGg',
@@ -83,9 +83,9 @@ async function init() {
     placeIconMarker.append(pinElement);
 
     map.append(placeIconMarker);
-    // [END maps_3d_marker_place]
+    // [END maps_3d_marker_graphics_place]
 
-    // [START maps_3d_marker_svg]
+    // [START maps_3d_marker_graphics_svg]
     // Used to parse the SVG string.
     const parser = new DOMParser();
 
@@ -107,7 +107,7 @@ async function init() {
     markerWithCustomSvg.append(templateForSvg);
 
     map.append(markerWithCustomSvg);
-    // [END maps_3d_marker_svg]
+    // [END maps_3d_marker_graphics_svg]
 
     document.body.append(map);
 }
diff --git a/samples/3d-marker-interactive/index.ts b/samples/3d-marker-interactive/index.ts
index b76ce422f..e5e096642 100644
--- a/samples/3d-marker-interactive/index.ts
+++ b/samples/3d-marker-interactive/index.ts
@@ -27,12 +27,12 @@ async function init() {
 
         popover.append(position.name);
 
-        // [START maps_3d_marker_interaction]
+        // [START maps_3d_marker_interactive_interaction]
         const interactiveMarker = new Marker3DInteractiveElement({
             position,
             gmpPopoverTargetElement: popover,
         });
-        // [END maps_3d_marker_interaction]
+        // [END maps_3d_marker_interactive_interaction]
 
         map.append(interactiveMarker);
         map.append(popover);

From a6a23359fb047ceedda5ca30570ccfb16ff69419 Mon Sep 17 00:00:00 2001
From: Ari Oppenheimer <ppenheimer@gmail.com>
Date: Wed, 13 May 2026 13:08:47 -0700
Subject: [PATCH 6/6] fix region tag styling and unneccessary boolean

---
 samples/3d-camera-to-around/index.ts          | 4 ++--
 samples/3d-marker-collision-behavior/index.ts | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/samples/3d-camera-to-around/index.ts b/samples/3d-camera-to-around/index.ts
index 5403b102e..57341ee76 100644
--- a/samples/3d-camera-to-around/index.ts
+++ b/samples/3d-camera-to-around/index.ts
@@ -49,7 +49,7 @@ async function init() {
     map.addEventListener(
         'gmp-animationend',
         () => {
-            // [START maps_3d_camera_around]
+            // [START maps_3d_camera_to_around_flyaround]
             map.flyCameraAround({
                 // Location to fly around.
                 camera: flyToCamera,
@@ -58,7 +58,7 @@ async function init() {
                 // Number of rotations to make in the specified time.
                 repeatCount: 1,
             });
-            // [END maps_3d_camera_around]
+            // [END maps_3d_camera_to_around_flyaround]
         },
         { once: true }
     ); // Stop animation after flying around.
diff --git a/samples/3d-marker-collision-behavior/index.ts b/samples/3d-marker-collision-behavior/index.ts
index 7a8ce2104..d0646c157 100644
--- a/samples/3d-marker-collision-behavior/index.ts
+++ b/samples/3d-marker-collision-behavior/index.ts
@@ -60,7 +60,8 @@ dropdown.addEventListener('change', drawMap);
 
 function drawMap() {
     for (const marker of markers) {
-        marker.collisionBehavior = dropdown.value as google.maps.CollisionBehavior;
+        marker.collisionBehavior =
+            dropdown.value as google.maps.CollisionBehavior;
     }
 }