googlemaps-samples · willum070 · Jun 8, 2026 · Jun 10, 2026 · Jun 11, 2026 · Jun 15, 2026
diff --git a/samples/3d-accessibility-features/index.ts b/samples/3d-accessibility-features/index.ts
@@ -20,7 +20,6 @@
         tilt: 67.44,
         heading: 0.01,
         mode: 'SATELLITE',
-        gestureHandling: 'COOPERATIVE',
     });
 
     // Set LatLng and title text for the markers. The first marker (Boynton Pass)
@@ -51,16 +50,16 @@

    tourStops.forEach(({ position, title }, i) => {
        const pin = new PinElement({
            glyphText: `${i + 1}`,
            scale: 1.5,
            glyphColor: '#FFFFFF',
        });
        const popover = new PopoverElement();

        const content = `${i + 1}. ${title}`;
        const header = document.createElement('span');
        // Include the label for screen readers.
        header.ariaLabel = `This is marker ${i + 1}. ${title}`;
        header.slot = 'header';

        popover.append(header);

diff --git a/samples/3d-camera-boundary/index.ts b/samples/3d-camera-boundary/index.ts
@@ -13,7 +13,6 @@ async function init() {
         tilt: 67.5,
         mode: 'HYBRID',
         bounds: { south: -48.3, west: 163.56, north: -32.86, east: -180 },
-        gestureHandling: 'COOPERATIVE',
     });
 
     document.body.append(map);

diff --git a/samples/3d-camera-to-around/index.ts b/samples/3d-camera-to-around/index.ts
@@ -17,7 +17,6 @@ async function init() {
         range: 6062.016931506805,
         tilt: 81.17100663963272,
         heading: -56.047035719765596,
-        gestureHandling: 'COOPERATIVE',
     });
 
     map.mode = 'SATELLITE';

diff --git a/samples/3d-clamp-mode/index.ts b/samples/3d-clamp-mode/index.ts
@@ -21,7 +21,6 @@
         range: 4800,
         heading: 31,
         mode: 'SATELLITE',
-        gestureHandling: 'COOPERATIVE',
     });
 
     polyline = new Polyline3DElement({
@@ -55,7 +54,7 @@
    'selectElementId'
 ) as HTMLSelectElement;
 dropdown.addEventListener('change', () => {
    if (polyline && dropdown.value) {
        polyline.altitudeMode =
            dropdown.value as google.maps.maps3d.AltitudeModeString;
    }

diff --git a/samples/3d-label-toggle/index.ts b/samples/3d-label-toggle/index.ts
@@ -18,7 +18,6 @@ async function init() {
         range: 6062.016931506805,
         tilt: 81.17100663963272,
         heading: -56.047035719765596,
-        gestureHandling: 'COOPERATIVE',
     });
 
     map.mode = 'SATELLITE';

diff --git a/samples/3d-localization/index.ts b/samples/3d-localization/index.ts
@@ -20,7 +20,6 @@ async function init() {
         language: 'ZH',
         region: 'CN',
         mode: 'HYBRID',
-        gestureHandling: 'COOPERATIVE',
     });
 
     document.body.append(map);

diff --git a/samples/3d-map-styling/index.ts b/samples/3d-map-styling/index.ts
@@ -19,7 +19,6 @@ async function init() {
         range: 6605.57279990986,
         mapId: 'bcce776b92de1336e22c569f', // Styles are associated with map IDs.
         mode: 'HYBRID',
-        gestureHandling: 'COOPERATIVE',
     });
 
     document.body.append(map);

diff --git a/samples/3d-marker-click-event/index.ts b/samples/3d-marker-click-event/index.ts
@@ -21,7 +21,6 @@ async function init() {
     const map = new Map3DElement({
         ...originalCamera,
         mode: 'SATELLITE',
-        gestureHandling: 'COOPERATIVE',
     });
 
     // Create the interactive marker and set the attributes.

diff --git a/samples/3d-marker-collision-behavior/index.ts b/samples/3d-marker-collision-behavior/index.ts
@@ -16,7 +16,6 @@ async function init() {
         center: { lat: 47.6094, lng: -122.339, altitude: 0 },
         range: 1000,
         mode: 'HYBRID',
-        gestureHandling: 'COOPERATIVE',
     });
 
     for (const [lng, lat] of positions) {

diff --git a/samples/3d-marker-customization/index.ts b/samples/3d-marker-customization/index.ts
@@ -17,7 +17,6 @@ async function init() {
         tilt: 67.5,
         range: 7000,
         mode: 'HYBRID',
-        gestureHandling: 'COOPERATIVE',
     });
 
     map.mode = 'SATELLITE';

diff --git a/samples/3d-marker-graphics/index.ts b/samples/3d-marker-graphics/index.ts
@@ -18,7 +18,6 @@ async function init() {
         tilt: 67.5,
         range: 4000,
         mode: 'SATELLITE',
-        gestureHandling: 'COOPERATIVE',
     });
 
     // [START maps_3d_marker_graphics_png]

diff --git a/samples/3d-marker-interactive/index.ts b/samples/3d-marker-interactive/index.ts
@@ -15,7 +15,6 @@ async function init() {
         tilt: 67.5,
         range: 45000,
         mode: 'HYBRID',
-        gestureHandling: 'COOPERATIVE',
     });
 
     map.mode = 'SATELLITE';

diff --git a/samples/3d-model-interactive/index.ts b/samples/3d-model-interactive/index.ts
@@ -16,7 +16,6 @@ async function init() {
         tilt: 74,
         heading: 0,
         mode: 'HYBRID',
-        gestureHandling: 'COOPERATIVE',
     });
 
     const model = new Model3DInteractiveElement({

diff --git a/samples/3d-model/index.ts b/samples/3d-model/index.ts
@@ -16,7 +16,6 @@ async function init() {
         tilt: 74,
         heading: 0,
         mode: 'HYBRID',
-        gestureHandling: 'COOPERATIVE',
     });
 
     const model = new Model3DElement({

diff --git a/samples/3d-places-autocomplete/index.ts b/samples/3d-places-autocomplete/index.ts
@@ -20,7 +20,6 @@
         heading: 0,
         roll: 0,
         mode: 'HYBRID',
-        gestureHandling: 'COOPERATIVE',
     });
 
     document.body.append(map);
@@ -34,11 +33,11 @@
        await google.maps.importLibrary('places');

    const placeAutocomplete = new PlaceAutocompleteElement();
    placeAutocomplete.id = 'place-autocomplete-input';
    const card = document.getElementById('pac-container')!;
    card.appendChild(placeAutocomplete);

    placeAutocomplete.addEventListener(
        'gmp-select',
        async ({
            placePrediction,
@@ -49,7 +48,7 @@
            });
            // If the place has a geometry, then present it on a map.
            if (!place.location) {
                window.alert('No viewport for input: ' + place.displayName);
                return;
            }
            void flyToPlace(place);
@@ -107,9 +106,9 @@
        locations: [location],
    });

    if (!elevationResponse?.results.length) {
        window.alert(
            `Insufficient elevation data for place: ${place.displayName}`
        );
        return defaultElevation;
    }

diff --git a/samples/3d-places/index.ts b/samples/3d-places/index.ts
@@ -14,7 +14,6 @@
         tilt: 64,
         heading: -5,
         mode: 'HYBRID',
-        gestureHandling: 'COOPERATIVE',
     });
 
     document.body.append(map3DElement);
@@ -29,7 +28,7 @@

        // Display place details.
        document.getElementById('placeName')!.innerHTML =
            '<b>Name :</b><br>&nbsp;' + place.displayName;
        document.getElementById('placeId')!.innerHTML =
            '<b>Id :</b><br>&nbsp;' + place.id;
        document.getElementById('placeType')!.innerHTML = '<b>Types :<b/>';

diff --git a/samples/3d-polygon-click-event/index.ts b/samples/3d-polygon-click-event/index.ts
@@ -14,7 +14,6 @@ async function init() {
         heading: 340,
         tilt: 70,
         mode: 'HYBRID',
-        gestureHandling: 'COOPERATIVE',
     });
 
     document.body.append(map);

diff --git a/samples/3d-polygon-extruded-hole/index.ts b/samples/3d-polygon-extruded-hole/index.ts
@@ -14,7 +14,6 @@ async function init() {
         heading: 340,
         tilt: 70,
         mode: 'HYBRID',
-        gestureHandling: 'COOPERATIVE',
     });
 
     const polygonOptions: google.maps.maps3d.Polygon3DElementOptions = {

diff --git a/samples/3d-polygon/index.ts b/samples/3d-polygon/index.ts
@@ -14,7 +14,6 @@ async function init() {
         heading: 340,
         tilt: 70,
         mode: 'HYBRID',
-        gestureHandling: 'COOPERATIVE',
     });
 
     const polygonOptions = {

diff --git a/samples/3d-polyline-click-event/index.ts b/samples/3d-polyline-click-event/index.ts
@@ -16,7 +16,6 @@ async function init() {
         tilt: 64.01,
         heading: 25.0,
         mode: 'SATELLITE',
-        gestureHandling: 'COOPERATIVE',
     });
 
     document.body.append(map);

diff --git a/samples/3d-polyline-extruded/index.ts b/samples/3d-polyline-extruded/index.ts
@@ -16,7 +16,6 @@ async function init() {
         tilt: 64.01,
         heading: 25.0,
         mode: 'SATELLITE',
-        gestureHandling: 'COOPERATIVE',
     });
 
     document.body.append(map);

diff --git a/samples/3d-polyline/index.ts b/samples/3d-polyline/index.ts
@@ -16,7 +16,6 @@ async function init() {
         tilt: 64.01,
         heading: 25.0,
         mode: 'SATELLITE',
-        gestureHandling: 'COOPERATIVE',
     });
 
     document.body.append(map);

diff --git a/samples/3d-popover-location/index.ts b/samples/3d-popover-location/index.ts
@@ -15,7 +15,6 @@ async function init() {
         tilt: 74,
         heading: 38,
         mode: 'HYBRID',
-        gestureHandling: 'COOPERATIVE',
     });
 
     const popover = new PopoverElement({

diff --git a/samples/3d-popover-marker/index.ts b/samples/3d-popover-marker/index.ts
@@ -15,7 +15,6 @@ async function init() {
         tilt: 74,
         heading: 38,
         mode: 'HYBRID',
-        gestureHandling: 'COOPERATIVE',
     });
 
     // Popovers can only be added to interactive Markers

diff --git a/samples/3d-simple-map/index.ts b/samples/3d-simple-map/index.ts
@@ -12,7 +12,6 @@ async function init() {
         center: { lat: 37.7704, lng: -122.3985, altitude: 500 },
         tilt: 67.5,
         mode: 'HYBRID',
-        gestureHandling: 'COOPERATIVE',
     });
 
     document.body.append(map);

diff --git a/samples/3d-simple-marker/index.ts b/samples/3d-simple-marker/index.ts
@@ -14,7 +14,6 @@ async function init() {
         tilt: 67.5,
         range: 1000,
         mode: 'SATELLITE',
-        gestureHandling: 'COOPERATIVE',
     });
 
     const marker = new Marker3DElement({