diff --git a/dist/samples/3d-accessibility-features/app/index.ts b/dist/samples/3d-accessibility-features/app/index.ts index 25a7d053..671b4ce1 100644 --- a/dist/samples/3d-accessibility-features/app/index.ts +++ b/dist/samples/3d-accessibility-features/app/index.ts @@ -12,7 +12,8 @@ async function initMap() { const map = new Map3DElement({ center: { lat: 34.8405, lng : -111.7909, altitude: 1322.70 }, range: 13279.50, tilt: 67.44 ,heading: 0.01, - mode: 'SATELLITE' + mode: 'SATELLITE', + gestureHandling: "COOPERATIVE" }); // Set LatLng and title text for the markers. The first marker (Boynton Pass) diff --git a/dist/samples/3d-accessibility-features/dist/assets/index-CDjT9Ul7.js b/dist/samples/3d-accessibility-features/dist/assets/index-CA3UWuRQ.js similarity index 57% rename from dist/samples/3d-accessibility-features/dist/assets/index-CDjT9Ul7.js rename to dist/samples/3d-accessibility-features/dist/assets/index-CA3UWuRQ.js index 6bffbfd3..acd4b708 100644 --- a/dist/samples/3d-accessibility-features/dist/assets/index-CDjT9Ul7.js +++ b/dist/samples/3d-accessibility-features/dist/assets/index-CA3UWuRQ.js @@ -2,4 +2,4 @@ * @license * Copyright 2025 Google LLC. All Rights Reserved. * SPDX-License-Identifier: Apache-2.0 -*/async function f(){const{Map3DElement:p,Marker3DInteractiveElement:o,PopoverElement:s}=await google.maps.importLibrary("maps3d"),{PinElement:n}=await google.maps.importLibrary("marker"),e=new p({center:{lat:34.8405,lng:-111.7909,altitude:1322.7},range:13279.5,tilt:67.44,heading:.01,mode:"SATELLITE"});[{position:{lat:34.8791806,lng:-111.8265049},title:"Boynton Pass"},{position:{lat:34.8559195,lng:-111.7988186},title:"Airport Mesa"},{position:{lat:34.832149,lng:-111.7695277},title:"Chapel of the Holy Cross"},{position:{lat:34.823736,lng:-111.8001857},title:"Red Rock Crossing"},{position:{lat:34.800326,lng:-111.7665047},title:"Bell Rock"}].forEach(({position:r,title:a},l)=>{const u=new n({glyph:`${l+1}`,scale:1.5,glyphColor:"#FFFFFF"}),i=new s,m=`${l+1}. ${a}`,c=document.createElement("span");c.ariaLabel=`This is marker ${l+1}. ${a}`,c.slot="header",i.append(c),i.append(m);const d=new o({title:a,position:r,gmpPopoverTargetElement:i});d.append(u),e.append(d),e.append(i)}),document.body.append(e)}f(); +*/async function f(){const{Map3DElement:p,Marker3DInteractiveElement:o,PopoverElement:s}=await google.maps.importLibrary("maps3d"),{PinElement:n}=await google.maps.importLibrary("marker"),e=new p({center:{lat:34.8405,lng:-111.7909,altitude:1322.7},range:13279.5,tilt:67.44,heading:.01,mode:"SATELLITE",gestureHandling:"COOPERATIVE"});[{position:{lat:34.8791806,lng:-111.8265049},title:"Boynton Pass"},{position:{lat:34.8559195,lng:-111.7988186},title:"Airport Mesa"},{position:{lat:34.832149,lng:-111.7695277},title:"Chapel of the Holy Cross"},{position:{lat:34.823736,lng:-111.8001857},title:"Red Rock Crossing"},{position:{lat:34.800326,lng:-111.7665047},title:"Bell Rock"}].forEach(({position:r,title:a},l)=>{const u=new n({glyph:`${l+1}`,scale:1.5,glyphColor:"#FFFFFF"}),i=new s,m=`${l+1}. ${a}`,c=document.createElement("span");c.ariaLabel=`This is marker ${l+1}. ${a}`,c.slot="header",i.append(c),i.append(m);const d=new o({title:a,position:r,gmpPopoverTargetElement:i});d.append(u),e.append(d),e.append(i)}),document.body.append(e)}f(); diff --git a/dist/samples/3d-accessibility-features/dist/index.html b/dist/samples/3d-accessibility-features/dist/index.html index f6575960..d083c962 100644 --- a/dist/samples/3d-accessibility-features/dist/index.html +++ b/dist/samples/3d-accessibility-features/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-accessibility-features/docs/index.js b/dist/samples/3d-accessibility-features/docs/index.js index d4c7d784..8d0b4b67 100644 --- a/dist/samples/3d-accessibility-features/docs/index.js +++ b/dist/samples/3d-accessibility-features/docs/index.js @@ -11,7 +11,8 @@ async function initMap() { const { PinElement } = await google.maps.importLibrary("marker"); const map = new Map3DElement({ center: { lat: 34.8405, lng: -111.7909, altitude: 1322.70 }, range: 13279.50, tilt: 67.44, heading: 0.01, - mode: 'SATELLITE' + mode: 'SATELLITE', + gestureHandling: "COOPERATIVE" }); // Set LatLng and title text for the markers. The first marker (Boynton Pass) // receives the initial focus when tab is pressed. Use arrow keys to move diff --git a/dist/samples/3d-accessibility-features/docs/index.ts b/dist/samples/3d-accessibility-features/docs/index.ts index 25a7d053..671b4ce1 100644 --- a/dist/samples/3d-accessibility-features/docs/index.ts +++ b/dist/samples/3d-accessibility-features/docs/index.ts @@ -12,7 +12,8 @@ async function initMap() { const map = new Map3DElement({ center: { lat: 34.8405, lng : -111.7909, altitude: 1322.70 }, range: 13279.50, tilt: 67.44 ,heading: 0.01, - mode: 'SATELLITE' + mode: 'SATELLITE', + gestureHandling: "COOPERATIVE" }); // Set LatLng and title text for the markers. The first marker (Boynton Pass) diff --git a/dist/samples/3d-accessibility-features/jsfiddle/demo.js b/dist/samples/3d-accessibility-features/jsfiddle/demo.js index f9e335ad..e5166578 100644 --- a/dist/samples/3d-accessibility-features/jsfiddle/demo.js +++ b/dist/samples/3d-accessibility-features/jsfiddle/demo.js @@ -11,7 +11,8 @@ async function initMap() { const { PinElement } = await google.maps.importLibrary("marker"); const map = new Map3DElement({ center: { lat: 34.8405, lng: -111.7909, altitude: 1322.70 }, range: 13279.50, tilt: 67.44, heading: 0.01, - mode: 'SATELLITE' + mode: 'SATELLITE', + gestureHandling: "COOPERATIVE" }); // Set LatLng and title text for the markers. The first marker (Boynton Pass) // receives the initial focus when tab is pressed. Use arrow keys to move diff --git a/dist/samples/3d-camera-boundary/app/index.ts b/dist/samples/3d-camera-boundary/app/index.ts index 55882f72..66dc84f7 100644 --- a/dist/samples/3d-camera-boundary/app/index.ts +++ b/dist/samples/3d-camera-boundary/app/index.ts @@ -14,6 +14,7 @@ async function initMap() { tilt: 67.5, mode: 'HYBRID', bounds: {south: -48.30, west: 163.56, north: -32.86, east: -180}, + gestureHandling: "COOPERATIVE" }); document.body.append(map); diff --git a/dist/samples/3d-camera-boundary/dist/assets/index-CIxPjvxi.js b/dist/samples/3d-camera-boundary/dist/assets/index-Df7wxdaJ.js similarity index 92% rename from dist/samples/3d-camera-boundary/dist/assets/index-CIxPjvxi.js rename to dist/samples/3d-camera-boundary/dist/assets/index-Df7wxdaJ.js index 4a9933fd..36d8c780 100644 --- a/dist/samples/3d-camera-boundary/dist/assets/index-CIxPjvxi.js +++ b/dist/samples/3d-camera-boundary/dist/assets/index-Df7wxdaJ.js @@ -2,4 +2,4 @@ * @license * Copyright 2025 Google LLC. All Rights Reserved. * SPDX-License-Identifier: Apache-2.0 -*/async function c(){const{Map3DElement:n}=await google.maps.importLibrary("maps3d"),r=new n({center:{lat:-36.86,lng:174.76,altitude:1e4},tilt:67.5,mode:"HYBRID",bounds:{south:-48.3,west:163.56,north:-32.86,east:-180}});document.body.append(r)}c(); +*/async function c(){const{Map3DElement:n}=await google.maps.importLibrary("maps3d"),r=new n({center:{lat:-36.86,lng:174.76,altitude:1e4},tilt:67.5,mode:"HYBRID",bounds:{south:-48.3,west:163.56,north:-32.86,east:-180},gestureHandling:"COOPERATIVE"});document.body.append(r)}c(); diff --git a/dist/samples/3d-camera-boundary/dist/index.html b/dist/samples/3d-camera-boundary/dist/index.html index dde9498e..2f850acc 100644 --- a/dist/samples/3d-camera-boundary/dist/index.html +++ b/dist/samples/3d-camera-boundary/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-camera-boundary/docs/index.js b/dist/samples/3d-camera-boundary/docs/index.js index 4131ecef..a0dcbdcc 100644 --- a/dist/samples/3d-camera-boundary/docs/index.js +++ b/dist/samples/3d-camera-boundary/docs/index.js @@ -13,6 +13,7 @@ async function initMap() { tilt: 67.5, mode: 'HYBRID', bounds: { south: -48.30, west: 163.56, north: -32.86, east: -180 }, + gestureHandling: "COOPERATIVE" }); document.body.append(map); } diff --git a/dist/samples/3d-camera-boundary/docs/index.ts b/dist/samples/3d-camera-boundary/docs/index.ts index 55882f72..66dc84f7 100644 --- a/dist/samples/3d-camera-boundary/docs/index.ts +++ b/dist/samples/3d-camera-boundary/docs/index.ts @@ -14,6 +14,7 @@ async function initMap() { tilt: 67.5, mode: 'HYBRID', bounds: {south: -48.30, west: 163.56, north: -32.86, east: -180}, + gestureHandling: "COOPERATIVE" }); document.body.append(map); diff --git a/dist/samples/3d-camera-boundary/jsfiddle/demo.js b/dist/samples/3d-camera-boundary/jsfiddle/demo.js index c24c83be..1a2bde82 100644 --- a/dist/samples/3d-camera-boundary/jsfiddle/demo.js +++ b/dist/samples/3d-camera-boundary/jsfiddle/demo.js @@ -13,6 +13,7 @@ async function initMap() { tilt: 67.5, mode: 'HYBRID', bounds: { south: -48.30, west: 163.56, north: -32.86, east: -180 }, + gestureHandling: "COOPERATIVE" }); document.body.append(map); } diff --git a/dist/samples/3d-camera-to-around/app/index.ts b/dist/samples/3d-camera-to-around/app/index.ts index 1f1c610c..c5d60517 100644 --- a/dist/samples/3d-camera-to-around/app/index.ts +++ b/dist/samples/3d-camera-to-around/app/index.ts @@ -10,7 +10,7 @@ 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, } + { center: { lat: 37.79810773998413, lng : -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, gestureHandling: "COOPERATIVE" } ); map.mode = "SATELLITE"; diff --git a/dist/samples/3d-camera-to-around/dist/assets/index-C5Deev1o.js b/dist/samples/3d-camera-to-around/dist/assets/index-DEe3hV7x.js similarity index 65% rename from dist/samples/3d-camera-to-around/dist/assets/index-C5Deev1o.js rename to dist/samples/3d-camera-to-around/dist/assets/index-DEe3hV7x.js index f2d2278e..703c6164 100644 --- a/dist/samples/3d-camera-to-around/dist/assets/index-C5Deev1o.js +++ b/dist/samples/3d-camera-to-around/dist/assets/index-DEe3hV7x.js @@ -2,4 +2,4 @@ * @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,repeatCount:1})},{once:!0}),t.addEventListener("gmp-click",o=>{t.stopCameraAnimation()})}s(); +*/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,gestureHandling:"COOPERATIVE"});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,repeatCount:1})},{once:!0}),t.addEventListener("gmp-click",o=>{t.stopCameraAnimation()})}s(); diff --git a/dist/samples/3d-camera-to-around/dist/index.html b/dist/samples/3d-camera-to-around/dist/index.html index f4edf35a..6e7e08d1 100644 --- a/dist/samples/3d-camera-to-around/dist/index.html +++ b/dist/samples/3d-camera-to-around/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-camera-to-around/docs/index.js b/dist/samples/3d-camera-to-around/docs/index.js index 41f4ed3a..b024c484 100644 --- a/dist/samples/3d-camera-to-around/docs/index.js +++ b/dist/samples/3d-camera-to-around/docs/index.js @@ -8,7 +8,7 @@ // [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, }); + const map = new Map3DElement({ center: { lat: 37.79810773998413, lng: -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, gestureHandling: "COOPERATIVE" }); map.mode = "SATELLITE"; document.body.append(map); // Used for both the fly to function and the location to fly around. diff --git a/dist/samples/3d-camera-to-around/docs/index.ts b/dist/samples/3d-camera-to-around/docs/index.ts index 1f1c610c..c5d60517 100644 --- a/dist/samples/3d-camera-to-around/docs/index.ts +++ b/dist/samples/3d-camera-to-around/docs/index.ts @@ -10,7 +10,7 @@ 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, } + { center: { lat: 37.79810773998413, lng : -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, gestureHandling: "COOPERATIVE" } ); map.mode = "SATELLITE"; diff --git a/dist/samples/3d-camera-to-around/jsfiddle/demo.js b/dist/samples/3d-camera-to-around/jsfiddle/demo.js index a9e18ada..62845d70 100644 --- a/dist/samples/3d-camera-to-around/jsfiddle/demo.js +++ b/dist/samples/3d-camera-to-around/jsfiddle/demo.js @@ -8,7 +8,7 @@ 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, }); + const map = new Map3DElement({ center: { lat: 37.79810773998413, lng: -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, gestureHandling: "COOPERATIVE" }); map.mode = "SATELLITE"; document.body.append(map); // Used for both the fly to function and the location to fly around. diff --git a/dist/samples/3d-label-toggle/app/index.ts b/dist/samples/3d-label-toggle/app/index.ts index c61661bc..39fc214c 100644 --- a/dist/samples/3d-label-toggle/app/index.ts +++ b/dist/samples/3d-label-toggle/app/index.ts @@ -11,7 +11,7 @@ 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, } + { center: { lat: 37.79810773998413, lng: -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, gestureHandling: "COOPERATIVE" } ); map.mode = MapMode.SATELLITE; diff --git a/dist/samples/3d-label-toggle/dist/assets/index-Bxt8cHJt.js b/dist/samples/3d-label-toggle/dist/assets/index-DYN7heZt.js similarity index 55% rename from dist/samples/3d-label-toggle/dist/assets/index-Bxt8cHJt.js rename to dist/samples/3d-label-toggle/dist/assets/index-DYN7heZt.js index d6ee0a6d..9d430d35 100644 --- a/dist/samples/3d-label-toggle/dist/assets/index-Bxt8cHJt.js +++ b/dist/samples/3d-label-toggle/dist/assets/index-DYN7heZt.js @@ -1,5 +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)}})();/* +(function(){const o=document.createElement("link").relList;if(o&&o.supports&&o.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))l(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"&&l(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 l(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(); +*/let n;async function c(){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,gestureHandling:"COOPERATIVE"}),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)")})}c(); diff --git a/dist/samples/3d-label-toggle/dist/index.html b/dist/samples/3d-label-toggle/dist/index.html index b75ab3c8..89430311 100644 --- a/dist/samples/3d-label-toggle/dist/index.html +++ b/dist/samples/3d-label-toggle/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-label-toggle/docs/index.js b/dist/samples/3d-label-toggle/docs/index.js index 0f7e207d..342e3af1 100644 --- a/dist/samples/3d-label-toggle/docs/index.js +++ b/dist/samples/3d-label-toggle/docs/index.js @@ -9,7 +9,7 @@ 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 = new Map3DElement({ center: { lat: 37.79810773998413, lng: -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, gestureHandling: "COOPERATIVE" }); map.mode = MapMode.SATELLITE; document.body.append(map); const locationCamera = { diff --git a/dist/samples/3d-label-toggle/docs/index.ts b/dist/samples/3d-label-toggle/docs/index.ts index c61661bc..39fc214c 100644 --- a/dist/samples/3d-label-toggle/docs/index.ts +++ b/dist/samples/3d-label-toggle/docs/index.ts @@ -11,7 +11,7 @@ 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, } + { center: { lat: 37.79810773998413, lng: -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, gestureHandling: "COOPERATIVE" } ); map.mode = MapMode.SATELLITE; diff --git a/dist/samples/3d-label-toggle/jsfiddle/demo.js b/dist/samples/3d-label-toggle/jsfiddle/demo.js index 130f4ef1..24944fbb 100644 --- a/dist/samples/3d-label-toggle/jsfiddle/demo.js +++ b/dist/samples/3d-label-toggle/jsfiddle/demo.js @@ -9,7 +9,7 @@ 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 = new Map3DElement({ center: { lat: 37.79810773998413, lng: -122.41784275049939, altitude: 89.08476932205978 }, range: 6062.016931506805, tilt: 81.17100663963272, heading: -56.047035719765596, gestureHandling: "COOPERATIVE" }); map.mode = MapMode.SATELLITE; document.body.append(map); const locationCamera = { diff --git a/dist/samples/3d-marker-click-event/app/index.ts b/dist/samples/3d-marker-click-event/app/index.ts index 8ef0c66b..44b55163 100644 --- a/dist/samples/3d-marker-click-event/app/index.ts +++ b/dist/samples/3d-marker-click-event/app/index.ts @@ -18,6 +18,7 @@ async function initMap() { const map = new Map3DElement({ ...originalCamera, mode: "SATELLITE", + gestureHandling: "COOPERATIVE" }); // Create the interactive marker and set the attributes. diff --git a/dist/samples/3d-marker-click-event/dist/assets/index-owU-9bC9.js b/dist/samples/3d-marker-click-event/dist/assets/index-nxceStJ-.js similarity index 74% rename from dist/samples/3d-marker-click-event/dist/assets/index-owU-9bC9.js rename to dist/samples/3d-marker-click-event/dist/assets/index-nxceStJ-.js index 58dba5ab..449b3aed 100644 --- a/dist/samples/3d-marker-click-event/dist/assets/index-owU-9bC9.js +++ b/dist/samples/3d-marker-click-event/dist/assets/index-nxceStJ-.js @@ -2,4 +2,4 @@ * @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,repeatCount:1})}),r.append(e),document.body.append(r)}s(); +*/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",gestureHandling:"COOPERATIVE"}),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,repeatCount:1})}),r.append(e),document.body.append(r)}s(); diff --git a/dist/samples/3d-marker-click-event/dist/index.html b/dist/samples/3d-marker-click-event/dist/index.html index 74a24945..f211a5d4 100644 --- a/dist/samples/3d-marker-click-event/dist/index.html +++ b/dist/samples/3d-marker-click-event/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-marker-click-event/docs/index.js b/dist/samples/3d-marker-click-event/docs/index.js index fa2673bd..9ac0649f 100644 --- a/dist/samples/3d-marker-click-event/docs/index.js +++ b/dist/samples/3d-marker-click-event/docs/index.js @@ -16,6 +16,7 @@ async function initMap() { const map = new Map3DElement({ ...originalCamera, mode: "SATELLITE", + gestureHandling: "COOPERATIVE" }); // Create the interactive marker and set the attributes. const interactiveMarker = new Marker3DInteractiveElement({ diff --git a/dist/samples/3d-marker-click-event/docs/index.ts b/dist/samples/3d-marker-click-event/docs/index.ts index 8ef0c66b..44b55163 100644 --- a/dist/samples/3d-marker-click-event/docs/index.ts +++ b/dist/samples/3d-marker-click-event/docs/index.ts @@ -18,6 +18,7 @@ async function initMap() { const map = new Map3DElement({ ...originalCamera, mode: "SATELLITE", + gestureHandling: "COOPERATIVE" }); // Create the interactive marker and set the attributes. diff --git a/dist/samples/3d-marker-click-event/jsfiddle/demo.js b/dist/samples/3d-marker-click-event/jsfiddle/demo.js index 5e823765..f506734e 100644 --- a/dist/samples/3d-marker-click-event/jsfiddle/demo.js +++ b/dist/samples/3d-marker-click-event/jsfiddle/demo.js @@ -16,6 +16,7 @@ async function initMap() { const map = new Map3DElement({ ...originalCamera, mode: "SATELLITE", + gestureHandling: "COOPERATIVE" }); // Create the interactive marker and set the attributes. const interactiveMarker = new Marker3DInteractiveElement({ diff --git a/dist/samples/3d-marker-collision-behavior/app/index.ts b/dist/samples/3d-marker-collision-behavior/app/index.ts index e205e724..020629af 100644 --- a/dist/samples/3d-marker-collision-behavior/app/index.ts +++ b/dist/samples/3d-marker-collision-behavior/app/index.ts @@ -16,6 +16,7 @@ async function init() { center: { lat: 47.6094, lng: -122.3390, altitude: 0 }, range: 1000, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); for (const [lng, lat] of positions) { diff --git a/dist/samples/3d-marker-collision-behavior/dist/assets/index-CCrYRt4O.js b/dist/samples/3d-marker-collision-behavior/dist/assets/index-BQaUZtud.js similarity index 60% rename from dist/samples/3d-marker-collision-behavior/dist/assets/index-CCrYRt4O.js rename to dist/samples/3d-marker-collision-behavior/dist/assets/index-BQaUZtud.js index 2480efab..686078d8 100644 --- a/dist/samples/3d-marker-collision-behavior/dist/assets/index-CCrYRt4O.js +++ b/dist/samples/3d-marker-collision-behavior/dist/assets/index-BQaUZtud.js @@ -2,4 +2,4 @@ * @license * Copyright 2025 Google LLC. All Rights Reserved. * SPDX-License-Identifier: Apache-2.0 -*/const c=[];async function a(){const{Map3DElement:i,MapMode:t,Marker3DElement:s}=await google.maps.importLibrary("maps3d"),n=new i({center:{lat:47.6094,lng:-122.339,altitude:0},range:1e3,mode:t.HYBRID});for(const[e,o]of d){const r=new s({position:{lat:o,lng:e},collisionBehavior:google.maps.CollisionBehavior.REQUIRED});c.push(r),n.append(r)}document.body.append(n)}const d=[[-122.3402,47.6093],[-122.3402,47.6094],[-122.3403,47.6094],[-122.3384,47.6098],[-122.3389,47.6095],[-122.3396,47.6095],[-122.3379,47.6097],[-122.3378,47.6097],[-122.3396,47.6091],[-122.3383,47.6089],[-122.3379,47.6093],[-122.3381,47.6095],[-122.3378,47.6095]];a();const l=document.getElementById("selectElementId");l.addEventListener("change",u);function u(i){for(const t of c)t.collisionBehavior=l.value||google.maps.CollisionBehavior.REQUIRED} +*/const c=[];async function a(){const{Map3DElement:i,MapMode:t,Marker3DElement:s}=await google.maps.importLibrary("maps3d"),n=new i({center:{lat:47.6094,lng:-122.339,altitude:0},range:1e3,mode:t.HYBRID,gestureHandling:"COOPERATIVE"});for(const[e,o]of d){const r=new s({position:{lat:o,lng:e},collisionBehavior:google.maps.CollisionBehavior.REQUIRED});c.push(r),n.append(r)}document.body.append(n)}const d=[[-122.3402,47.6093],[-122.3402,47.6094],[-122.3403,47.6094],[-122.3384,47.6098],[-122.3389,47.6095],[-122.3396,47.6095],[-122.3379,47.6097],[-122.3378,47.6097],[-122.3396,47.6091],[-122.3383,47.6089],[-122.3379,47.6093],[-122.3381,47.6095],[-122.3378,47.6095]];a();const l=document.getElementById("selectElementId");l.addEventListener("change",u);function u(i){for(const t of c)t.collisionBehavior=l.value||google.maps.CollisionBehavior.REQUIRED} diff --git a/dist/samples/3d-marker-collision-behavior/dist/index.html b/dist/samples/3d-marker-collision-behavior/dist/index.html index 32c0819e..7c09dc6b 100644 --- a/dist/samples/3d-marker-collision-behavior/dist/index.html +++ b/dist/samples/3d-marker-collision-behavior/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-marker-collision-behavior/docs/index.js b/dist/samples/3d-marker-collision-behavior/docs/index.js index 35668ef0..921b8552 100644 --- a/dist/samples/3d-marker-collision-behavior/docs/index.js +++ b/dist/samples/3d-marker-collision-behavior/docs/index.js @@ -14,6 +14,7 @@ async function init() { center: { lat: 47.6094, lng: -122.3390, altitude: 0 }, range: 1000, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); for (const [lng, lat] of positions) { const marker = new Marker3DElement({ diff --git a/dist/samples/3d-marker-collision-behavior/docs/index.ts b/dist/samples/3d-marker-collision-behavior/docs/index.ts index e205e724..020629af 100644 --- a/dist/samples/3d-marker-collision-behavior/docs/index.ts +++ b/dist/samples/3d-marker-collision-behavior/docs/index.ts @@ -16,6 +16,7 @@ async function init() { center: { lat: 47.6094, lng: -122.3390, altitude: 0 }, range: 1000, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); for (const [lng, lat] of positions) { diff --git a/dist/samples/3d-marker-collision-behavior/jsfiddle/demo.js b/dist/samples/3d-marker-collision-behavior/jsfiddle/demo.js index ccf6258a..0f532828 100644 --- a/dist/samples/3d-marker-collision-behavior/jsfiddle/demo.js +++ b/dist/samples/3d-marker-collision-behavior/jsfiddle/demo.js @@ -14,6 +14,7 @@ async function init() { center: { lat: 47.6094, lng: -122.3390, altitude: 0 }, range: 1000, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); for (const [lng, lat] of positions) { const marker = new Marker3DElement({ diff --git a/dist/samples/3d-marker-customization/app/index.ts b/dist/samples/3d-marker-customization/app/index.ts index f0387863..7a187096 100644 --- a/dist/samples/3d-marker-customization/app/index.ts +++ b/dist/samples/3d-marker-customization/app/index.ts @@ -14,7 +14,8 @@ async function init() { center: { lat: 37.4176, lng: -122.02, altitude: 0 }, tilt: 67.5, range: 7000, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); map.mode = "SATELLITE"; diff --git a/dist/samples/3d-marker-customization/dist/assets/index-Cd934Slk.js b/dist/samples/3d-marker-customization/dist/assets/index-C_TDKwhO.js similarity index 51% rename from dist/samples/3d-marker-customization/dist/assets/index-Cd934Slk.js rename to dist/samples/3d-marker-customization/dist/assets/index-C_TDKwhO.js index 2bf35921..be07c1b5 100644 --- a/dist/samples/3d-marker-customization/dist/assets/index-Cd934Slk.js +++ b/dist/samples/3d-marker-customization/dist/assets/index-C_TDKwhO.js @@ -2,4 +2,4 @@ * @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(); +*/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",gestureHandling:"COOPERATIVE"});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}),a=new o({position:{lat:37.419,lng:-122.02}});a.append(u);const m=new r({glyphColor:"white"}),p=new o({position:{lat:37.415,lng:-122.025}});p.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(a),n.append(d),n.append(t),n.append(p),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 2dd9444f..5b92ca84 100644 --- a/dist/samples/3d-marker-customization/dist/index.html +++ b/dist/samples/3d-marker-customization/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-marker-customization/docs/index.js b/dist/samples/3d-marker-customization/docs/index.js index e800f61a..3bdf17b4 100644 --- a/dist/samples/3d-marker-customization/docs/index.js +++ b/dist/samples/3d-marker-customization/docs/index.js @@ -13,7 +13,8 @@ async function init() { center: { lat: 37.4176, lng: -122.02, altitude: 0 }, tilt: 67.5, range: 7000, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); map.mode = "SATELLITE"; // Change the border color. diff --git a/dist/samples/3d-marker-customization/docs/index.ts b/dist/samples/3d-marker-customization/docs/index.ts index f0387863..7a187096 100644 --- a/dist/samples/3d-marker-customization/docs/index.ts +++ b/dist/samples/3d-marker-customization/docs/index.ts @@ -14,7 +14,8 @@ async function init() { center: { lat: 37.4176, lng: -122.02, altitude: 0 }, tilt: 67.5, range: 7000, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); map.mode = "SATELLITE"; diff --git a/dist/samples/3d-marker-customization/jsfiddle/demo.js b/dist/samples/3d-marker-customization/jsfiddle/demo.js index aaa05266..3a5077a4 100644 --- a/dist/samples/3d-marker-customization/jsfiddle/demo.js +++ b/dist/samples/3d-marker-customization/jsfiddle/demo.js @@ -13,7 +13,8 @@ async function init() { center: { lat: 37.4176, lng: -122.02, altitude: 0 }, tilt: 67.5, range: 7000, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); map.mode = "SATELLITE"; // Change the border color. diff --git a/dist/samples/3d-marker-graphics/app/index.ts b/dist/samples/3d-marker-graphics/app/index.ts index 189857f6..1b70a2db 100644 --- a/dist/samples/3d-marker-graphics/app/index.ts +++ b/dist/samples/3d-marker-graphics/app/index.ts @@ -14,8 +14,9 @@ async function init() { const map = new Map3DElement({ center: { lat: 37.426, lng: -122.082, altitude: 18 }, tilt: 67.5, - range: 4000, - mode: 'SATELLITE' + range: 4000, + mode: 'SATELLITE', + gestureHandling: "COOPERATIVE" }); // A marker with a with a URL pointing to a PNG. diff --git a/dist/samples/3d-marker-graphics/dist/assets/index-2oh7tHSc.js b/dist/samples/3d-marker-graphics/dist/assets/index-2oh7tHSc.js deleted file mode 100644 index 93fc978c..00000000 --- a/dist/samples/3d-marker-graphics/dist/assets/index-2oh7tHSc.js +++ /dev/null @@ -1,5 +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"]'))i(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"&&i(r)}).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 i(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 f(){const{Map3DElement:s,Marker3DElement:o}=await google.maps.importLibrary("maps3d"),{PinElement:n}=await google.maps.importLibrary("marker"),{Place:i}=await google.maps.importLibrary("places"),e=new s({center:{lat:37.426,lng:-122.082,altitude:18},tilt:67.5,range:4e3,mode:"SATELLITE"}),t=document.createElement("img");t.src=new URL("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAACcUlEQVR4AazUA6wsZwCA0TNYXte2bdu2bdu2bdtW1I1TK6jbZ1vX3r+aoH7YL9kdn/EkSFGHZjQgRYQYSfZLUUIjWrJfI8pI/KXdDz744CNbW1u/+PDDD+/FulgBS2OpI444Yo0vv/zy+MmTJz/R1dX1ccgaGBhonTBhwjuvvvrq0VgKTchFCFdffbVrTm0244tE3RaHtvfEuZ/iOK6madqYmzF+1eqY75k4RDJtpGpXu66pU3X++ouWW0/Dzkf5pju5Z/PNN38ck1IAg7NUh99q+APXNjRttP2GabGoOvYHubo6+V9/uXJZUlcHADo+r+iaMNaSFz6+CyrojQFggW2pW4Hu7z/T89OXZrf+/v4c5kdd7C8tcRxx0RwVQoiQQ/o3MCmx+ClzjiJC9DcQCoux8PFEc476RxDyizL/0USFGoGQW4SW04gXqhEIcZH6o0hWqxEIkN+ReLsaghCtkqG1AiFZleKuNQShsCYNO9cQhIZNqVuthiAsfDBJ6R/AIUOGjNW8D/ml/WPxsiS7E51FeiNN7zP/o5JFj7PwbiCgmv0EvHvVVVc9M3PmzOmh+9sQZj4RQuuzIfR8FcJgWxj2a88999xb559//h04AcfutNNO51cqlbfDwMzw6wf4U+yP1SDgDZyGE3beeefzLr/88ut/+x1//PGX4VgcjYOwIzbBBtgQW2IP7JXNXyxCwKt4D1PRhgEAQBW9aEcXBhEhj3rE6EBrCgjoxhRMQi8CAEKG9mdYFRFitCHCAAYiBLyMVzAE4zI8+HvhH+ZHyBwhBeBvdyuYvUL2A7EaN9fgL6OPgaMG/qemgX9huYBSgwHnr9+YKVsfRAAAAABJRU5ErkJggg==",import.meta.url);const r=new o({position:{lat:37.434,lng:-122.082}}),c=document.createElement("template");c.content.append(t),r.append(c),e.append(r);const g="https://www.gstatic.com/images/branding/productlogos/maps/v7/192px.svg",u=new n({background:"white",glyph:new URL(g)}),p=new o({position:{lat:37.425,lng:-122.07,altitude:100},extruded:!0,altitudeMode:"ABSOLUTE"});p.append(u);try{e.append(p)}catch(k){console.error(k)}const a=new i({id:"ChIJN5Nz71W3j4ARhx5bwpTQEGg"});await a.fetchFields({fields:["location","displayName","svgIconMaskURI","iconBackgroundColor"]});const m=new n({background:a.iconBackgroundColor,glyph:new URL(String(a.svgIconMaskURI))}),d=new o({position:a.location});d.append(m),e.append(d);const w=new DOMParser().parseFromString('',"image/svg+xml").documentElement,l=new o({position:{lat:37.425,lng:-122.094}}),h=document.createElement("template");h.content.append(w),l.append(h),e.append(l),document.body.append(e)}f(); diff --git a/dist/samples/3d-marker-graphics/dist/assets/index-DUHR-RL-.js b/dist/samples/3d-marker-graphics/dist/assets/index-DUHR-RL-.js new file mode 100644 index 00000000..425fd809 --- /dev/null +++ b/dist/samples/3d-marker-graphics/dist/assets/index-DUHR-RL-.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"]'))i(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"&&i(r)}).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 i(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 f(){const{Map3DElement:s,Marker3DElement:o}=await google.maps.importLibrary("maps3d"),{PinElement:n}=await google.maps.importLibrary("marker"),{Place:i}=await google.maps.importLibrary("places"),e=new s({center:{lat:37.426,lng:-122.082,altitude:18},tilt:67.5,range:4e3,mode:"SATELLITE",gestureHandling:"COOPERATIVE"}),t=document.createElement("img");t.src=new URL("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAACcUlEQVR4AazUA6wsZwCA0TNYXte2bdu2bdu2bdtW1I1TK6jbZ1vX3r+aoH7YL9kdn/EkSFGHZjQgRYQYSfZLUUIjWrJfI8pI/KXdDz744CNbW1u/+PDDD+/FulgBS2OpI444Yo0vv/zy+MmTJz/R1dX1ccgaGBhonTBhwjuvvvrq0VgKTchFCFdffbVrTm0244tE3RaHtvfEuZ/iOK6madqYmzF+1eqY75k4RDJtpGpXu66pU3X++ouWW0/Dzkf5pju5Z/PNN38ck1IAg7NUh99q+APXNjRttP2GabGoOvYHubo6+V9/uXJZUlcHADo+r+iaMNaSFz6+CyrojQFggW2pW4Hu7z/T89OXZrf+/v4c5kdd7C8tcRxx0RwVQoiQQ/o3MCmx+ClzjiJC9DcQCoux8PFEc476RxDyizL/0USFGoGQW4SW04gXqhEIcZH6o0hWqxEIkN+ReLsaghCtkqG1AiFZleKuNQShsCYNO9cQhIZNqVuthiAsfDBJ6R/AIUOGjNW8D/ml/WPxsiS7E51FeiNN7zP/o5JFj7PwbiCgmv0EvHvVVVc9M3PmzOmh+9sQZj4RQuuzIfR8FcJgWxj2a88999xb559//h04AcfutNNO51cqlbfDwMzw6wf4U+yP1SDgDZyGE3beeefzLr/88ut/+x1//PGX4VgcjYOwIzbBBtgQW2IP7JXNXyxCwKt4D1PRhgEAQBW9aEcXBhEhj3rE6EBrCgjoxhRMQi8CAEKG9mdYFRFitCHCAAYiBLyMVzAE4zI8+HvhH+ZHyBwhBeBvdyuYvUL2A7EaN9fgL6OPgaMG/qemgX9huYBSgwHnr9+YKVsfRAAAAABJRU5ErkJggg==",import.meta.url);const r=new o({position:{lat:37.434,lng:-122.082}}),c=document.createElement("template");c.content.append(t),r.append(c),e.append(r);const h="https://www.gstatic.com/images/branding/productlogos/maps/v7/192px.svg",u=new n({background:"white",glyph:new URL(h)}),p=new o({position:{lat:37.425,lng:-122.07,altitude:100},extruded:!0,altitudeMode:"ABSOLUTE"});p.append(u);try{e.append(p)}catch(k){console.error(k)}const a=new i({id:"ChIJN5Nz71W3j4ARhx5bwpTQEGg"});await a.fetchFields({fields:["location","displayName","svgIconMaskURI","iconBackgroundColor"]});const m=new n({background:a.iconBackgroundColor,glyph:new URL(String(a.svgIconMaskURI))}),d=new o({position:a.location});d.append(m),e.append(d);const w=new DOMParser().parseFromString('',"image/svg+xml").documentElement,l=new o({position:{lat:37.425,lng:-122.094}}),g=document.createElement("template");g.content.append(w),l.append(g),e.append(l),document.body.append(e)}f(); diff --git a/dist/samples/3d-marker-graphics/dist/index.html b/dist/samples/3d-marker-graphics/dist/index.html index d3bdba18..008405f5 100644 --- a/dist/samples/3d-marker-graphics/dist/index.html +++ b/dist/samples/3d-marker-graphics/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-marker-graphics/docs/index.js b/dist/samples/3d-marker-graphics/docs/index.js index 550f5af0..d0f7fab5 100644 --- a/dist/samples/3d-marker-graphics/docs/index.js +++ b/dist/samples/3d-marker-graphics/docs/index.js @@ -13,7 +13,8 @@ async function init() { center: { lat: 37.426, lng: -122.082, altitude: 18 }, tilt: 67.5, range: 4000, - mode: 'SATELLITE' + mode: 'SATELLITE', + gestureHandling: "COOPERATIVE" }); // A marker with a with a URL pointing to a PNG. const beachFlagImg = document.createElement('img'); diff --git a/dist/samples/3d-marker-graphics/docs/index.ts b/dist/samples/3d-marker-graphics/docs/index.ts index 189857f6..1b70a2db 100644 --- a/dist/samples/3d-marker-graphics/docs/index.ts +++ b/dist/samples/3d-marker-graphics/docs/index.ts @@ -14,8 +14,9 @@ async function init() { const map = new Map3DElement({ center: { lat: 37.426, lng: -122.082, altitude: 18 }, tilt: 67.5, - range: 4000, - mode: 'SATELLITE' + range: 4000, + mode: 'SATELLITE', + gestureHandling: "COOPERATIVE" }); // A marker with a with a URL pointing to a PNG. diff --git a/dist/samples/3d-marker-graphics/jsfiddle/demo.js b/dist/samples/3d-marker-graphics/jsfiddle/demo.js index 646c4541..cad5a6ca 100644 --- a/dist/samples/3d-marker-graphics/jsfiddle/demo.js +++ b/dist/samples/3d-marker-graphics/jsfiddle/demo.js @@ -13,7 +13,8 @@ async function init() { center: { lat: 37.426, lng: -122.082, altitude: 18 }, tilt: 67.5, range: 4000, - mode: 'SATELLITE' + mode: 'SATELLITE', + gestureHandling: "COOPERATIVE" }); // A marker with a with a URL pointing to a PNG. const beachFlagImg = document.createElement('img'); diff --git a/dist/samples/3d-marker-interactive/app/index.ts b/dist/samples/3d-marker-interactive/app/index.ts index 81fad67f..7cae234c 100644 --- a/dist/samples/3d-marker-interactive/app/index.ts +++ b/dist/samples/3d-marker-interactive/app/index.ts @@ -14,7 +14,8 @@ async function init() { center: { lat: 37.4690, lng: -122.1074, altitude: 0 }, tilt: 67.5, range: 45000, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); map.mode = "SATELLITE"; diff --git a/dist/samples/3d-marker-interactive/dist/assets/index-BgUP5zBW.js b/dist/samples/3d-marker-interactive/dist/assets/index-DAiDGVX7.js similarity index 50% rename from dist/samples/3d-marker-interactive/dist/assets/index-BgUP5zBW.js rename to dist/samples/3d-marker-interactive/dist/assets/index-DAiDGVX7.js index 6f3f8adf..2e2a256c 100644 --- a/dist/samples/3d-marker-interactive/dist/assets/index-BgUP5zBW.js +++ b/dist/samples/3d-marker-interactive/dist/assets/index-DAiDGVX7.js @@ -2,4 +2,4 @@ * @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(); +*/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",gestureHandling:"COOPERATIVE"});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/index.html b/dist/samples/3d-marker-interactive/dist/index.html index 02e3e0b0..f7223901 100644 --- a/dist/samples/3d-marker-interactive/dist/index.html +++ b/dist/samples/3d-marker-interactive/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-marker-interactive/docs/index.js b/dist/samples/3d-marker-interactive/docs/index.js index 5edb8b47..7db66c47 100644 --- a/dist/samples/3d-marker-interactive/docs/index.js +++ b/dist/samples/3d-marker-interactive/docs/index.js @@ -13,7 +13,8 @@ async function init() { center: { lat: 37.4690, lng: -122.1074, altitude: 0 }, tilt: 67.5, range: 45000, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); map.mode = "SATELLITE"; for (const position of positions) { diff --git a/dist/samples/3d-marker-interactive/docs/index.ts b/dist/samples/3d-marker-interactive/docs/index.ts index 81fad67f..7cae234c 100644 --- a/dist/samples/3d-marker-interactive/docs/index.ts +++ b/dist/samples/3d-marker-interactive/docs/index.ts @@ -14,7 +14,8 @@ async function init() { center: { lat: 37.4690, lng: -122.1074, altitude: 0 }, tilt: 67.5, range: 45000, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); map.mode = "SATELLITE"; diff --git a/dist/samples/3d-marker-interactive/jsfiddle/demo.js b/dist/samples/3d-marker-interactive/jsfiddle/demo.js index fafa9a81..2d3a785e 100644 --- a/dist/samples/3d-marker-interactive/jsfiddle/demo.js +++ b/dist/samples/3d-marker-interactive/jsfiddle/demo.js @@ -13,7 +13,8 @@ async function init() { center: { lat: 37.4690, lng: -122.1074, altitude: 0 }, tilt: 67.5, range: 45000, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); map.mode = "SATELLITE"; for (const position of positions) { diff --git a/dist/samples/3d-model-interactive/app/index.ts b/dist/samples/3d-model-interactive/app/index.ts index 408fe8e0..e2f8e884 100644 --- a/dist/samples/3d-model-interactive/app/index.ts +++ b/dist/samples/3d-model-interactive/app/index.ts @@ -13,6 +13,7 @@ async function init() { const map = new Map3DElement({ center: { lat: 39.1178, lng: -106.4452, altitude: 4395.4952 }, range: 1500, tilt: 74, heading: 0, mode: "HYBRID", + gestureHandling: "COOPERATIVE" }); const model = new Model3DInteractiveElement({ diff --git a/dist/samples/3d-model-interactive/dist/assets/index-BeMsiNzT.js b/dist/samples/3d-model-interactive/dist/assets/index-op3K_EO_.js similarity index 67% rename from dist/samples/3d-model-interactive/dist/assets/index-BeMsiNzT.js rename to dist/samples/3d-model-interactive/dist/assets/index-op3K_EO_.js index 83113232..c65eca24 100644 --- a/dist/samples/3d-model-interactive/dist/assets/index-BeMsiNzT.js +++ b/dist/samples/3d-model-interactive/dist/assets/index-op3K_EO_.js @@ -2,4 +2,4 @@ * @license * Copyright 2025 Google LLC. All Rights Reserved. * SPDX-License-Identifier: Apache-2.0 -*/async function c(){const{Map3DElement:s,Model3DInteractiveElement:r}=await google.maps.importLibrary("maps3d"),n=new s({center:{lat:39.1178,lng:-106.4452,altitude:4395.4952},range:1500,tilt:74,heading:0,mode:"HYBRID"}),o=new r({src:"https://maps-docs-team.web.app/assets/windmill.glb",position:{lat:39.1178,lng:-106.4452,altitude:4495.4952},orientation:{heading:0,tilt:270,roll:90},scale:.15,altitudeMode:"CLAMP_TO_GROUND"});o.addEventListener("gmp-click",e=>{const t=e.target;t.scale=Math.random()*(.5-.1)+.1}),document.body.append(n),n.append(o)}c(); +*/async function l(){const{Map3DElement:s,Model3DInteractiveElement:r}=await google.maps.importLibrary("maps3d"),n=new s({center:{lat:39.1178,lng:-106.4452,altitude:4395.4952},range:1500,tilt:74,heading:0,mode:"HYBRID",gestureHandling:"COOPERATIVE"}),o=new r({src:"https://maps-docs-team.web.app/assets/windmill.glb",position:{lat:39.1178,lng:-106.4452,altitude:4495.4952},orientation:{heading:0,tilt:270,roll:90},scale:.15,altitudeMode:"CLAMP_TO_GROUND"});o.addEventListener("gmp-click",e=>{const t=e.target;t.scale=Math.random()*(.5-.1)+.1}),document.body.append(n),n.append(o)}l(); diff --git a/dist/samples/3d-model-interactive/dist/index.html b/dist/samples/3d-model-interactive/dist/index.html index 17cc8ebe..245cc31d 100644 --- a/dist/samples/3d-model-interactive/dist/index.html +++ b/dist/samples/3d-model-interactive/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-model-interactive/docs/index.js b/dist/samples/3d-model-interactive/docs/index.js index dc145751..80c11711 100644 --- a/dist/samples/3d-model-interactive/docs/index.js +++ b/dist/samples/3d-model-interactive/docs/index.js @@ -12,6 +12,7 @@ async function init() { const map = new Map3DElement({ center: { lat: 39.1178, lng: -106.4452, altitude: 4395.4952 }, range: 1500, tilt: 74, heading: 0, mode: "HYBRID", + gestureHandling: "COOPERATIVE" }); const model = new Model3DInteractiveElement({ src: 'https://maps-docs-team.web.app/assets/windmill.glb', diff --git a/dist/samples/3d-model-interactive/docs/index.ts b/dist/samples/3d-model-interactive/docs/index.ts index 408fe8e0..e2f8e884 100644 --- a/dist/samples/3d-model-interactive/docs/index.ts +++ b/dist/samples/3d-model-interactive/docs/index.ts @@ -13,6 +13,7 @@ async function init() { const map = new Map3DElement({ center: { lat: 39.1178, lng: -106.4452, altitude: 4395.4952 }, range: 1500, tilt: 74, heading: 0, mode: "HYBRID", + gestureHandling: "COOPERATIVE" }); const model = new Model3DInteractiveElement({ diff --git a/dist/samples/3d-model-interactive/jsfiddle/demo.js b/dist/samples/3d-model-interactive/jsfiddle/demo.js index 45e36a57..6ae36ffe 100644 --- a/dist/samples/3d-model-interactive/jsfiddle/demo.js +++ b/dist/samples/3d-model-interactive/jsfiddle/demo.js @@ -12,6 +12,7 @@ async function init() { const map = new Map3DElement({ center: { lat: 39.1178, lng: -106.4452, altitude: 4395.4952 }, range: 1500, tilt: 74, heading: 0, mode: "HYBRID", + gestureHandling: "COOPERATIVE" }); const model = new Model3DInteractiveElement({ src: 'https://maps-docs-team.web.app/assets/windmill.glb', diff --git a/dist/samples/3d-model/app/index.ts b/dist/samples/3d-model/app/index.ts index 0ceb71e4..c18ff717 100644 --- a/dist/samples/3d-model/app/index.ts +++ b/dist/samples/3d-model/app/index.ts @@ -13,6 +13,7 @@ async function init() { const map = new Map3DElement({ center: { lat: 39.1178, lng: -106.4452, altitude: 4395.4952 }, range: 1500, tilt: 74, heading: 0, mode: "HYBRID", + gestureHandling: "COOPERATIVE" }); const model = new Model3DElement({ diff --git a/dist/samples/3d-model/dist/assets/index-BqqA7MFo.js b/dist/samples/3d-model/dist/assets/index-BqqA7MFo.js new file mode 100644 index 00000000..54a27e0b --- /dev/null +++ b/dist/samples/3d-model/dist/assets/index-BqqA7MFo.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 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 l(){const{Map3DElement:s,Model3DElement:r}=await google.maps.importLibrary("maps3d"),o=new s({center:{lat:39.1178,lng:-106.4452,altitude:4395.4952},range:1500,tilt:74,heading:0,mode:"HYBRID",gestureHandling:"COOPERATIVE"}),n=new r({src:"https://maps-docs-team.web.app/assets/windmill.glb",position:{lat:39.1178,lng:-106.4452,altitude:4495.4952},orientation:{heading:0,tilt:270,roll:90},scale:.15,altitudeMode:"CLAMP_TO_GROUND"});document.body.append(o),o.append(n)}l(); diff --git a/dist/samples/3d-model/dist/assets/index-CgN73pX-.js b/dist/samples/3d-model/dist/assets/index-CgN73pX-.js deleted file mode 100644 index 33e39a85..00000000 --- a/dist/samples/3d-model/dist/assets/index-CgN73pX-.js +++ /dev/null @@ -1,5 +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)}})();/* -* @license -* Copyright 2025 Google LLC. All Rights Reserved. -* SPDX-License-Identifier: Apache-2.0 -*/async function l(){const{Map3DElement:s,Model3DElement:o}=await google.maps.importLibrary("maps3d"),r=new s({center:{lat:39.1178,lng:-106.4452,altitude:4395.4952},range:1500,tilt:74,heading:0,mode:"HYBRID"}),n=new o({src:"https://maps-docs-team.web.app/assets/windmill.glb",position:{lat:39.1178,lng:-106.4452,altitude:4495.4952},orientation:{heading:0,tilt:270,roll:90},scale:.15,altitudeMode:"CLAMP_TO_GROUND"});document.body.append(r),r.append(n)}l(); diff --git a/dist/samples/3d-model/dist/index.html b/dist/samples/3d-model/dist/index.html index d75c87d0..01942243 100644 --- a/dist/samples/3d-model/dist/index.html +++ b/dist/samples/3d-model/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-model/docs/index.js b/dist/samples/3d-model/docs/index.js index 8dcd9836..2097f2c9 100644 --- a/dist/samples/3d-model/docs/index.js +++ b/dist/samples/3d-model/docs/index.js @@ -12,6 +12,7 @@ async function init() { const map = new Map3DElement({ center: { lat: 39.1178, lng: -106.4452, altitude: 4395.4952 }, range: 1500, tilt: 74, heading: 0, mode: "HYBRID", + gestureHandling: "COOPERATIVE" }); const model = new Model3DElement({ src: 'https://maps-docs-team.web.app/assets/windmill.glb', diff --git a/dist/samples/3d-model/docs/index.ts b/dist/samples/3d-model/docs/index.ts index 0ceb71e4..c18ff717 100644 --- a/dist/samples/3d-model/docs/index.ts +++ b/dist/samples/3d-model/docs/index.ts @@ -13,6 +13,7 @@ async function init() { const map = new Map3DElement({ center: { lat: 39.1178, lng: -106.4452, altitude: 4395.4952 }, range: 1500, tilt: 74, heading: 0, mode: "HYBRID", + gestureHandling: "COOPERATIVE" }); const model = new Model3DElement({ diff --git a/dist/samples/3d-model/jsfiddle/demo.js b/dist/samples/3d-model/jsfiddle/demo.js index 04b44a32..bf3e0805 100644 --- a/dist/samples/3d-model/jsfiddle/demo.js +++ b/dist/samples/3d-model/jsfiddle/demo.js @@ -12,6 +12,7 @@ async function init() { const map = new Map3DElement({ center: { lat: 39.1178, lng: -106.4452, altitude: 4395.4952 }, range: 1500, tilt: 74, heading: 0, mode: "HYBRID", + gestureHandling: "COOPERATIVE" }); const model = new Model3DElement({ src: 'https://maps-docs-team.web.app/assets/windmill.glb', diff --git a/dist/samples/3d-places-autocomplete/app/index.ts b/dist/samples/3d-places-autocomplete/app/index.ts index 70675f41..38842a15 100644 --- a/dist/samples/3d-places-autocomplete/app/index.ts +++ b/dist/samples/3d-places-autocomplete/app/index.ts @@ -17,7 +17,8 @@ async function init() { range: 0, heading: 0, roll: 0, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); document.body.append(map); diff --git a/dist/samples/3d-places-autocomplete/dist/assets/index-CPzKTN9X.js b/dist/samples/3d-places-autocomplete/dist/assets/index-CPzKTN9X.js deleted file mode 100644 index 343a2cb8..00000000 --- a/dist/samples/3d-places-autocomplete/dist/assets/index-CPzKTN9X.js +++ /dev/null @@ -1,5 +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 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 n(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 r=null;async function s(){const{Map3DElement:a}=await google.maps.importLibrary("maps3d");r=new a({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(){const{PlaceAutocompleteElement:a}=await google.maps.importLibrary("places"),o=new google.maps.places.PlaceAutocompleteElement;o.id="place-autocomplete-input",document.getElementById("pac-container").appendChild(o),o.addEventListener("gmp-select",async({placePrediction:n})=>{const e=n.toPlace();if(await e.fetchFields({fields:["displayName","location","id"]}),!e.location){window.alert("No viewport for input: "+e.displayName);return}p(e)})}const p=async a=>{const{AltitudeMode:o,Polyline3DElement:l,Polygon3DElement:n,Marker3DElement:e}=await google.maps.importLibrary("maps3d"),t=a.location,i=await u(t),c=new e({position:{lat:t.lat(),lng:t.lng(),altitude:i+50},altitudeMode:o.ABSOLUTE,extruded:!0,label:a.displayName});r.append(c),r.flyCameraTo({endCamera:{center:{lat:t.lat(),lng:t.lng(),altitude:i+50},tilt:65,heading:0,range:1e3},durationMillis:1e4})};async function u(a){const{ElevationService:o}=await google.maps.importLibrary("elevation"),n=await new google.maps.ElevationService().getElevationForLocations({locations:[a]});if(!(n.results&&n.results.length)){window.alert(`Insufficient elevation data for place: ${place.name}`);return}return n.results[0].elevation||10}s(); diff --git a/dist/samples/3d-places-autocomplete/dist/assets/index-CoTO7Wgt.js b/dist/samples/3d-places-autocomplete/dist/assets/index-CoTO7Wgt.js new file mode 100644 index 00000000..4bfd396f --- /dev/null +++ b/dist/samples/3d-places-autocomplete/dist/assets/index-CoTO7Wgt.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 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 n(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 r=null;async function s(){const{Map3DElement:a}=await google.maps.importLibrary("maps3d");r=new a({center:{lat:0,lng:0,altitude:16e6},tilt:0,range:0,heading:0,roll:0,mode:"HYBRID",gestureHandling:"COOPERATIVE"}),document.body.append(r),d()}async function d(){const{PlaceAutocompleteElement:a}=await google.maps.importLibrary("places"),o=new google.maps.places.PlaceAutocompleteElement;o.id="place-autocomplete-input",document.getElementById("pac-container").appendChild(o),o.addEventListener("gmp-select",async({placePrediction:n})=>{const e=n.toPlace();if(await e.fetchFields({fields:["displayName","location","id"]}),!e.location){window.alert("No viewport for input: "+e.displayName);return}p(e)})}const p=async a=>{const{AltitudeMode:o,Polyline3DElement:l,Polygon3DElement:n,Marker3DElement:e}=await google.maps.importLibrary("maps3d"),t=a.location,i=await u(t),c=new e({position:{lat:t.lat(),lng:t.lng(),altitude:i+50},altitudeMode:o.ABSOLUTE,extruded:!0,label:a.displayName});r.append(c),r.flyCameraTo({endCamera:{center:{lat:t.lat(),lng:t.lng(),altitude:i+50},tilt:65,heading:0,range:1e3},durationMillis:1e4})};async function u(a){const{ElevationService:o}=await google.maps.importLibrary("elevation"),n=await new google.maps.ElevationService().getElevationForLocations({locations:[a]});if(!(n.results&&n.results.length)){window.alert(`Insufficient elevation data for place: ${place.name}`);return}return n.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 index c615b337..76d76753 100644 --- a/dist/samples/3d-places-autocomplete/dist/index.html +++ b/dist/samples/3d-places-autocomplete/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-places-autocomplete/docs/index.js b/dist/samples/3d-places-autocomplete/docs/index.js index 9d574c7f..3c7f4388 100644 --- a/dist/samples/3d-places-autocomplete/docs/index.js +++ b/dist/samples/3d-places-autocomplete/docs/index.js @@ -15,7 +15,8 @@ async function init() { range: 0, heading: 0, roll: 0, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); document.body.append(map); initAutocomplete(); diff --git a/dist/samples/3d-places-autocomplete/docs/index.ts b/dist/samples/3d-places-autocomplete/docs/index.ts index 70675f41..38842a15 100644 --- a/dist/samples/3d-places-autocomplete/docs/index.ts +++ b/dist/samples/3d-places-autocomplete/docs/index.ts @@ -17,7 +17,8 @@ async function init() { range: 0, heading: 0, roll: 0, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); document.body.append(map); diff --git a/dist/samples/3d-places-autocomplete/jsfiddle/demo.js b/dist/samples/3d-places-autocomplete/jsfiddle/demo.js index 8d796c42..eeb9d51f 100644 --- a/dist/samples/3d-places-autocomplete/jsfiddle/demo.js +++ b/dist/samples/3d-places-autocomplete/jsfiddle/demo.js @@ -15,7 +15,8 @@ async function init() { range: 0, heading: 0, roll: 0, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); document.body.append(map); initAutocomplete(); diff --git a/dist/samples/3d-places/app/index.ts b/dist/samples/3d-places/app/index.ts index 75a69754..a950673d 100644 --- a/dist/samples/3d-places/app/index.ts +++ b/dist/samples/3d-places/app/index.ts @@ -10,11 +10,12 @@ async function init() { const { Map3DElement } = await google.maps.importLibrary("maps3d"); { } map3DElement = new Map3DElement({ - center: { lat: 51.532, lng : -0.124, altitude: 30 }, - range: 1400, + center: { lat: 51.532, lng : -0.124, altitude: 30 }, + range: 1400, tilt: 64, heading: -5, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); document.body.append(map3DElement); diff --git a/dist/samples/3d-places/dist/assets/index-CzSRtnuY.js b/dist/samples/3d-places/dist/assets/index-CcTCP1RA.js similarity index 59% rename from dist/samples/3d-places/dist/assets/index-CzSRtnuY.js rename to dist/samples/3d-places/dist/assets/index-CcTCP1RA.js index ea770207..439b88ec 100644 --- a/dist/samples/3d-places/dist/assets/index-CzSRtnuY.js +++ b/dist/samples/3d-places/dist/assets/index-CcTCP1RA.js @@ -2,4 +2,4 @@ * @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.preventDefault(),n.placeId){const r=await n.fetchPlace();await r.fetchFields({fields:["*"]}),document.getElementById("placeName").innerHTML="Name :
 "+r.displayName,document.getElementById("placeId").innerHTML="Id :
 "+r.id,document.getElementById("placeType").innerHTML="Types :";for(const o of r.types)document.getElementById("placeType").innerHTML+="
 "+o;document.getElementById("details").style.display="block"}})}s(); +*/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",gestureHandling:"COOPERATIVE"}),document.body.append(c),c.addEventListener("gmp-click",async n=>{if(n.preventDefault(),n.placeId){const r=await n.fetchPlace();await r.fetchFields({fields:["*"]}),document.getElementById("placeName").innerHTML="Name :
 "+r.displayName,document.getElementById("placeId").innerHTML="Id :
 "+r.id,document.getElementById("placeType").innerHTML="Types :";for(const o of r.types)document.getElementById("placeType").innerHTML+="
 "+o;document.getElementById("details").style.display="block"}})}s(); diff --git a/dist/samples/3d-places/dist/index.html b/dist/samples/3d-places/dist/index.html index e8706348..ca55a7bc 100644 --- a/dist/samples/3d-places/dist/index.html +++ b/dist/samples/3d-places/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-places/docs/index.js b/dist/samples/3d-places/docs/index.js index c312dc3b..02589a35 100644 --- a/dist/samples/3d-places/docs/index.js +++ b/dist/samples/3d-places/docs/index.js @@ -15,7 +15,8 @@ async function init() { range: 1400, tilt: 64, heading: -5, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); document.body.append(map3DElement); map3DElement.addEventListener('gmp-click', async (event) => { diff --git a/dist/samples/3d-places/docs/index.ts b/dist/samples/3d-places/docs/index.ts index 75a69754..a950673d 100644 --- a/dist/samples/3d-places/docs/index.ts +++ b/dist/samples/3d-places/docs/index.ts @@ -10,11 +10,12 @@ async function init() { const { Map3DElement } = await google.maps.importLibrary("maps3d"); { } map3DElement = new Map3DElement({ - center: { lat: 51.532, lng : -0.124, altitude: 30 }, - range: 1400, + center: { lat: 51.532, lng : -0.124, altitude: 30 }, + range: 1400, tilt: 64, heading: -5, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); document.body.append(map3DElement); diff --git a/dist/samples/3d-places/jsfiddle/demo.js b/dist/samples/3d-places/jsfiddle/demo.js index e90950e2..a363f38d 100644 --- a/dist/samples/3d-places/jsfiddle/demo.js +++ b/dist/samples/3d-places/jsfiddle/demo.js @@ -15,7 +15,8 @@ async function init() { range: 1400, tilt: 64, heading: -5, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); document.body.append(map3DElement); map3DElement.addEventListener('gmp-click', async (event) => { diff --git a/dist/samples/3d-polygon-click-event/app/index.ts b/dist/samples/3d-polygon-click-event/app/index.ts index 849bed12..abb97cf3 100644 --- a/dist/samples/3d-polygon-click-event/app/index.ts +++ b/dist/samples/3d-polygon-click-event/app/index.ts @@ -14,6 +14,7 @@ async function init() { heading: 340, tilt: 70, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); document.body.append(map); diff --git a/dist/samples/3d-polygon-click-event/dist/assets/index-BeEXTpj6.js b/dist/samples/3d-polygon-click-event/dist/assets/index-Caa81kVQ.js similarity index 51% rename from dist/samples/3d-polygon-click-event/dist/assets/index-BeEXTpj6.js rename to dist/samples/3d-polygon-click-event/dist/assets/index-Caa81kVQ.js index 0969f2b3..faa661c1 100644 --- a/dist/samples/3d-polygon-click-event/dist/assets/index-BeEXTpj6.js +++ b/dist/samples/3d-polygon-click-event/dist/assets/index-Caa81kVQ.js @@ -2,4 +2,4 @@ * @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.path=[{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(); +*/async function c(){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,gestureHandling:"COOPERATIVE"});document.body.append(n);const e={strokeColor:"#0000ff80",strokeWidth:8,fillColor:"#ff000080",drawsOccludedSegments:!1},t=new google.maps.maps3d.Polygon3DInteractiveElement(e);t.path=[{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),a=("0"+e.toString(16)).slice(-2);return`#${t}${o}${a}${r}`}c(); diff --git a/dist/samples/3d-polygon-click-event/dist/index.html b/dist/samples/3d-polygon-click-event/dist/index.html index 2e264357..30522d87 100644 --- a/dist/samples/3d-polygon-click-event/dist/index.html +++ b/dist/samples/3d-polygon-click-event/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-polygon-click-event/docs/index.js b/dist/samples/3d-polygon-click-event/docs/index.js index 9b8f0040..5b272d49 100644 --- a/dist/samples/3d-polygon-click-event/docs/index.js +++ b/dist/samples/3d-polygon-click-event/docs/index.js @@ -13,6 +13,7 @@ async function init() { heading: 340, tilt: 70, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); document.body.append(map); const polygonOptions = { diff --git a/dist/samples/3d-polygon-click-event/docs/index.ts b/dist/samples/3d-polygon-click-event/docs/index.ts index 849bed12..abb97cf3 100644 --- a/dist/samples/3d-polygon-click-event/docs/index.ts +++ b/dist/samples/3d-polygon-click-event/docs/index.ts @@ -14,6 +14,7 @@ async function init() { heading: 340, tilt: 70, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); document.body.append(map); diff --git a/dist/samples/3d-polygon-click-event/jsfiddle/demo.js b/dist/samples/3d-polygon-click-event/jsfiddle/demo.js index 9ae26aee..f7c97a2a 100644 --- a/dist/samples/3d-polygon-click-event/jsfiddle/demo.js +++ b/dist/samples/3d-polygon-click-event/jsfiddle/demo.js @@ -13,6 +13,7 @@ async function init() { heading: 340, tilt: 70, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); document.body.append(map); const polygonOptions = { diff --git a/dist/samples/3d-polygon-extruded-hole/app/index.ts b/dist/samples/3d-polygon-extruded-hole/app/index.ts index 53c1c6bf..48f88ec7 100644 --- a/dist/samples/3d-polygon-extruded-hole/app/index.ts +++ b/dist/samples/3d-polygon-extruded-hole/app/index.ts @@ -14,6 +14,7 @@ async function init() { heading: 340, tilt: 70, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); const polygonOptions = { diff --git a/dist/samples/3d-polygon-extruded-hole/dist/assets/index-QiQg49sx.js b/dist/samples/3d-polygon-extruded-hole/dist/assets/index-QiQg49sx.js deleted file mode 100644 index 49e5a25b..00000000 --- a/dist/samples/3d-polygon-extruded-hole/dist/assets/index-QiQg49sx.js +++ /dev/null @@ -1,5 +0,0 @@ -(function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))l(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"&&l(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 l(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 s(){const{Map3DElement:i,MapMode:r,AltitudeMode:n,Polygon3DElement:l}=await google.maps.importLibrary("maps3d"),e=new i({center:{lat:40.6842,lng:-74.0019,altitude:1e3},heading:340,tilt:70,mode:r.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.path=[{lat:40.7144,lng:-74.0208,altitude:200},{lat:40.6993,lng:-74.019,altitude:200},{lat:40.7035,lng:-74.0004,altitude:200}],o.innerPaths=[[{lat:40.71,lng:-74.0175,altitude:200},{lat:40.703,lng:-74.0165,altitude:200},{lat:40.7035,lng:-74.006,altitude:200}]],e.append(o),document.body.append(e)}s(); diff --git a/dist/samples/3d-polygon-extruded-hole/dist/assets/index-bOa68gN_.js b/dist/samples/3d-polygon-extruded-hole/dist/assets/index-bOa68gN_.js new file mode 100644 index 00000000..e01df758 --- /dev/null +++ b/dist/samples/3d-polygon-extruded-hole/dist/assets/index-bOa68gN_.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"]'))l(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"&&l(o)}).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 l(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 s(){const{Map3DElement:i,MapMode:n,AltitudeMode:r,Polygon3DElement:l}=await google.maps.importLibrary("maps3d"),e=new i({center:{lat:40.6842,lng:-74.0019,altitude:1e3},heading:340,tilt:70,mode:n.HYBRID,gestureHandling:"COOPERATIVE"}),t={strokeColor:"#0000ff80",strokeWidth:8,fillColor:"#ff000080",drawsOccludedSegments:!1,extruded:!0,altitudeMode:r.RELATIVE_TO_GROUND},o=new google.maps.maps3d.Polygon3DElement(t);o.path=[{lat:40.7144,lng:-74.0208,altitude:200},{lat:40.6993,lng:-74.019,altitude:200},{lat:40.7035,lng:-74.0004,altitude:200}],o.innerPaths=[[{lat:40.71,lng:-74.0175,altitude:200},{lat:40.703,lng:-74.0165,altitude:200},{lat:40.7035,lng:-74.006,altitude:200}]],e.append(o),document.body.append(e)}s(); diff --git a/dist/samples/3d-polygon-extruded-hole/dist/index.html b/dist/samples/3d-polygon-extruded-hole/dist/index.html index 3e63a0d6..2ff788cb 100644 --- a/dist/samples/3d-polygon-extruded-hole/dist/index.html +++ b/dist/samples/3d-polygon-extruded-hole/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-polygon-extruded-hole/docs/index.js b/dist/samples/3d-polygon-extruded-hole/docs/index.js index dbfac770..842255cd 100644 --- a/dist/samples/3d-polygon-extruded-hole/docs/index.js +++ b/dist/samples/3d-polygon-extruded-hole/docs/index.js @@ -13,6 +13,7 @@ async function init() { heading: 340, tilt: 70, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); const polygonOptions = { strokeColor: "#0000ff80", diff --git a/dist/samples/3d-polygon-extruded-hole/docs/index.ts b/dist/samples/3d-polygon-extruded-hole/docs/index.ts index 53c1c6bf..48f88ec7 100644 --- a/dist/samples/3d-polygon-extruded-hole/docs/index.ts +++ b/dist/samples/3d-polygon-extruded-hole/docs/index.ts @@ -14,6 +14,7 @@ async function init() { heading: 340, tilt: 70, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); const polygonOptions = { diff --git a/dist/samples/3d-polygon-extruded-hole/jsfiddle/demo.js b/dist/samples/3d-polygon-extruded-hole/jsfiddle/demo.js index 47e545c9..cb78941f 100644 --- a/dist/samples/3d-polygon-extruded-hole/jsfiddle/demo.js +++ b/dist/samples/3d-polygon-extruded-hole/jsfiddle/demo.js @@ -13,6 +13,7 @@ async function init() { heading: 340, tilt: 70, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); const polygonOptions = { strokeColor: "#0000ff80", diff --git a/dist/samples/3d-polygon/app/index.ts b/dist/samples/3d-polygon/app/index.ts index ef63c38d..93c5ff41 100644 --- a/dist/samples/3d-polygon/app/index.ts +++ b/dist/samples/3d-polygon/app/index.ts @@ -14,6 +14,7 @@ async function init() { heading: 340, tilt: 70, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); const polygonOptions = { diff --git a/dist/samples/3d-polygon/app/package.json b/dist/samples/3d-polygon/app/package.json index 3e8c9f53..0edec2b6 100644 --- a/dist/samples/3d-polygon/app/package.json +++ b/dist/samples/3d-polygon/app/package.json @@ -9,6 +9,6 @@ "preview": "vite preview" }, "devDependencies": { - "@playwright/test": "^1.55.0" + "@playwright/test": "^1.56.1" } } diff --git a/dist/samples/3d-polygon/dist/assets/index-DbIOarS-.js b/dist/samples/3d-polygon/dist/assets/index-BtKW2Aq5.js similarity index 76% rename from dist/samples/3d-polygon/dist/assets/index-DbIOarS-.js rename to dist/samples/3d-polygon/dist/assets/index-BtKW2Aq5.js index 6b2d9884..0b30c329 100644 --- a/dist/samples/3d-polygon/dist/assets/index-DbIOarS-.js +++ b/dist/samples/3d-polygon/dist/assets/index-BtKW2Aq5.js @@ -2,4 +2,4 @@ * @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.path=[{lat:40.7144,lng:-74.0208},{lat:40.6993,lng:-74.019},{lat:40.7035,lng:-74.0004}],r.append(t),document.body.append(r)}i(); +*/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,gestureHandling:"COOPERATIVE"}),e={strokeColor:"#0000ff80",strokeWidth:8,fillColor:"#ff000080",drawsOccludedSegments:!1},t=new google.maps.maps3d.Polygon3DElement(e);t.path=[{lat:40.7144,lng:-74.0208},{lat:40.6993,lng:-74.019},{lat:40.7035,lng:-74.0004}],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 index 6187e221..19bac01a 100644 --- a/dist/samples/3d-polygon/dist/index.html +++ b/dist/samples/3d-polygon/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-polygon/docs/index.js b/dist/samples/3d-polygon/docs/index.js index 58421d95..c0721bf2 100644 --- a/dist/samples/3d-polygon/docs/index.js +++ b/dist/samples/3d-polygon/docs/index.js @@ -13,6 +13,7 @@ async function init() { heading: 340, tilt: 70, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); const polygonOptions = { strokeColor: "#0000ff80", diff --git a/dist/samples/3d-polygon/docs/index.ts b/dist/samples/3d-polygon/docs/index.ts index ef63c38d..93c5ff41 100644 --- a/dist/samples/3d-polygon/docs/index.ts +++ b/dist/samples/3d-polygon/docs/index.ts @@ -14,6 +14,7 @@ async function init() { heading: 340, tilt: 70, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); const polygonOptions = { diff --git a/dist/samples/3d-polygon/jsfiddle/demo.js b/dist/samples/3d-polygon/jsfiddle/demo.js index 445f16c3..8b52595d 100644 --- a/dist/samples/3d-polygon/jsfiddle/demo.js +++ b/dist/samples/3d-polygon/jsfiddle/demo.js @@ -13,6 +13,7 @@ async function init() { heading: 340, tilt: 70, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); const polygonOptions = { strokeColor: "#0000ff80", diff --git a/dist/samples/3d-polyline-click-event/app/index.ts b/dist/samples/3d-polyline-click-event/app/index.ts index d018216e..2bedabe0 100644 --- a/dist/samples/3d-polyline-click-event/app/index.ts +++ b/dist/samples/3d-polyline-click-event/app/index.ts @@ -13,6 +13,7 @@ async function init() { 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, + gestureHandling: "COOPERATIVE" }); document.body.append(map); 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 deleted file mode 100644 index 9903d23c..00000000 --- a/dist/samples/3d-polyline-click-event/dist/assets/index-C8EsDiX2.js +++ /dev/null @@ -1,5 +0,0 @@ -(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-DV_Qakaq.js b/dist/samples/3d-polyline-click-event/dist/assets/index-DV_Qakaq.js new file mode 100644 index 00000000..62b32886 --- /dev/null +++ b/dist/samples/3d-polyline-click-event/dist/assets/index-DV_Qakaq.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 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 n(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 s(){const{Map3DElement:a,MapMode:r,AltitudeMode:l,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,gestureHandling:"COOPERATIVE"}),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:l.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/index.html b/dist/samples/3d-polyline-click-event/dist/index.html index 467a242f..89bd8ab4 100644 --- a/dist/samples/3d-polyline-click-event/dist/index.html +++ b/dist/samples/3d-polyline-click-event/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-polyline-click-event/docs/index.js b/dist/samples/3d-polyline-click-event/docs/index.js index 2dc41e92..32d0249b 100644 --- a/dist/samples/3d-polyline-click-event/docs/index.js +++ b/dist/samples/3d-polyline-click-event/docs/index.js @@ -12,6 +12,7 @@ async function init() { 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, + gestureHandling: "COOPERATIVE" }); document.body.append(map); const polyline = new Polyline3DInteractiveElement({ diff --git a/dist/samples/3d-polyline-click-event/docs/index.ts b/dist/samples/3d-polyline-click-event/docs/index.ts index d018216e..2bedabe0 100644 --- a/dist/samples/3d-polyline-click-event/docs/index.ts +++ b/dist/samples/3d-polyline-click-event/docs/index.ts @@ -13,6 +13,7 @@ async function init() { 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, + gestureHandling: "COOPERATIVE" }); document.body.append(map); diff --git a/dist/samples/3d-polyline-click-event/jsfiddle/demo.js b/dist/samples/3d-polyline-click-event/jsfiddle/demo.js index 73de4716..177badd1 100644 --- a/dist/samples/3d-polyline-click-event/jsfiddle/demo.js +++ b/dist/samples/3d-polyline-click-event/jsfiddle/demo.js @@ -12,6 +12,7 @@ async function init() { 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, + gestureHandling: "COOPERATIVE" }); document.body.append(map); const polyline = new Polyline3DInteractiveElement({ diff --git a/dist/samples/3d-polyline-extruded/app/index.ts b/dist/samples/3d-polyline-extruded/app/index.ts index 72cdd184..e11c6fc8 100644 --- a/dist/samples/3d-polyline-extruded/app/index.ts +++ b/dist/samples/3d-polyline-extruded/app/index.ts @@ -13,6 +13,7 @@ async function init() { 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, + gestureHandling: "COOPERATIVE" }); document.body.append(map); diff --git a/dist/samples/3d-polyline-extruded/dist/assets/index-CHaPMID6.js b/dist/samples/3d-polyline-extruded/dist/assets/index-CHaPMID6.js deleted file mode 100644 index b0149d9b..00000000 --- a/dist/samples/3d-polyline-extruded/dist/assets/index-CHaPMID6.js +++ /dev/null @@ -1,5 +0,0 @@ -(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 -*/let i;async function d(){const{Map3DElement:a,MapMode:l,AltitudeMode:n,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({path:[{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:n.RELATIVE_TO_GROUND,extruded:!0});i.append(e)}d(); diff --git a/dist/samples/3d-polyline-extruded/dist/assets/index-Df2_wb5Y.js b/dist/samples/3d-polyline-extruded/dist/assets/index-Df2_wb5Y.js new file mode 100644 index 00000000..94f1467c --- /dev/null +++ b/dist/samples/3d-polyline-extruded/dist/assets/index-Df2_wb5Y.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 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 +*/let o;async function d(){const{Map3DElement:a,MapMode:l,AltitudeMode:n,Polyline3DElement:r}=await google.maps.importLibrary("maps3d");o=new a({center:{lat:37.7927,lng:-122.402,altitude:65.93},range:3362.87,tilt:64.01,heading:25,mode:l.SATELLITE,gestureHandling:"COOPERATIVE"}),document.body.append(o);const e=new r({path:[{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:n.RELATIVE_TO_GROUND,extruded:!0});o.append(e)}d(); diff --git a/dist/samples/3d-polyline-extruded/dist/index.html b/dist/samples/3d-polyline-extruded/dist/index.html index da6673a4..977eb697 100644 --- a/dist/samples/3d-polyline-extruded/dist/index.html +++ b/dist/samples/3d-polyline-extruded/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-polyline-extruded/docs/index.js b/dist/samples/3d-polyline-extruded/docs/index.js index 8daa1b92..c9e4cc5e 100644 --- a/dist/samples/3d-polyline-extruded/docs/index.js +++ b/dist/samples/3d-polyline-extruded/docs/index.js @@ -12,6 +12,7 @@ async function init() { 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, + gestureHandling: "COOPERATIVE" }); document.body.append(map); const polyline = new Polyline3DElement({ diff --git a/dist/samples/3d-polyline-extruded/docs/index.ts b/dist/samples/3d-polyline-extruded/docs/index.ts index 72cdd184..e11c6fc8 100644 --- a/dist/samples/3d-polyline-extruded/docs/index.ts +++ b/dist/samples/3d-polyline-extruded/docs/index.ts @@ -13,6 +13,7 @@ async function init() { 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, + gestureHandling: "COOPERATIVE" }); document.body.append(map); diff --git a/dist/samples/3d-polyline-extruded/jsfiddle/demo.js b/dist/samples/3d-polyline-extruded/jsfiddle/demo.js index 461d72c9..93831888 100644 --- a/dist/samples/3d-polyline-extruded/jsfiddle/demo.js +++ b/dist/samples/3d-polyline-extruded/jsfiddle/demo.js @@ -12,6 +12,7 @@ async function init() { 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, + gestureHandling: "COOPERATIVE" }); document.body.append(map); const polyline = new Polyline3DElement({ diff --git a/dist/samples/3d-polyline/app/index.ts b/dist/samples/3d-polyline/app/index.ts index af4a9e34..aeeba069 100644 --- a/dist/samples/3d-polyline/app/index.ts +++ b/dist/samples/3d-polyline/app/index.ts @@ -13,6 +13,7 @@ async function init() { 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, + gestureHandling: "COOPERATIVE" }); document.body.append(map); diff --git a/dist/samples/3d-polyline/dist/assets/index-B8TE2uSi.js b/dist/samples/3d-polyline/dist/assets/index-DdNpQcs-.js similarity index 55% rename from dist/samples/3d-polyline/dist/assets/index-B8TE2uSi.js rename to dist/samples/3d-polyline/dist/assets/index-DdNpQcs-.js index 1a0bf317..3c7ef7b4 100644 --- a/dist/samples/3d-polyline/dist/assets/index-B8TE2uSi.js +++ b/dist/samples/3d-polyline/dist/assets/index-DdNpQcs-.js @@ -2,4 +2,4 @@ * @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:l,Polyline3DElement:o}=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 o({path:[{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)}s(); +*/let i;async function s(){const{Map3DElement:a,MapMode:r,AltitudeMode:l,Polyline3DElement:o}=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,gestureHandling:"COOPERATIVE"}),document.body.append(i);const e=new o({path:[{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)}s(); diff --git a/dist/samples/3d-polyline/dist/index.html b/dist/samples/3d-polyline/dist/index.html index 5ef431d6..1973a4fb 100644 --- a/dist/samples/3d-polyline/dist/index.html +++ b/dist/samples/3d-polyline/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-polyline/docs/index.js b/dist/samples/3d-polyline/docs/index.js index 5bd582fc..8c78779a 100644 --- a/dist/samples/3d-polyline/docs/index.js +++ b/dist/samples/3d-polyline/docs/index.js @@ -12,6 +12,7 @@ async function init() { 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, + gestureHandling: "COOPERATIVE" }); document.body.append(map); const polyline = new Polyline3DElement({ diff --git a/dist/samples/3d-polyline/docs/index.ts b/dist/samples/3d-polyline/docs/index.ts index af4a9e34..aeeba069 100644 --- a/dist/samples/3d-polyline/docs/index.ts +++ b/dist/samples/3d-polyline/docs/index.ts @@ -13,6 +13,7 @@ async function init() { 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, + gestureHandling: "COOPERATIVE" }); document.body.append(map); diff --git a/dist/samples/3d-polyline/jsfiddle/demo.js b/dist/samples/3d-polyline/jsfiddle/demo.js index 60a36bd8..785b084e 100644 --- a/dist/samples/3d-polyline/jsfiddle/demo.js +++ b/dist/samples/3d-polyline/jsfiddle/demo.js @@ -12,6 +12,7 @@ async function init() { 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, + gestureHandling: "COOPERATIVE" }); document.body.append(map); const polyline = new Polyline3DElement({ diff --git a/dist/samples/3d-popover-location/app/index.ts b/dist/samples/3d-popover-location/app/index.ts index aa8c8e7b..51cbd489 100644 --- a/dist/samples/3d-popover-location/app/index.ts +++ b/dist/samples/3d-popover-location/app/index.ts @@ -12,6 +12,7 @@ const { AltitudeMode, Map3DElement, MapMode, PopoverElement } = await google.map const map = new Map3DElement({ center: { lat: 37.8204, lng : -122.4783, altitude: 0.407 }, range: 4000, tilt: 74 ,heading: 38, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); const popover = new PopoverElement({ diff --git a/dist/samples/3d-popover-location/dist/assets/index-BvzHBith.js b/dist/samples/3d-popover-location/dist/assets/index-CIpat5iX.js similarity index 80% rename from dist/samples/3d-popover-location/dist/assets/index-BvzHBith.js rename to dist/samples/3d-popover-location/dist/assets/index-CIpat5iX.js index 66059003..5da13533 100644 --- a/dist/samples/3d-popover-location/dist/assets/index-BvzHBith.js +++ b/dist/samples/3d-popover-location/dist/assets/index-CIpat5iX.js @@ -2,4 +2,4 @@ * @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(); +*/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,gestureHandling:"COOPERATIVE"}),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/index.html b/dist/samples/3d-popover-location/dist/index.html index 44f381c4..a84ed632 100644 --- a/dist/samples/3d-popover-location/dist/index.html +++ b/dist/samples/3d-popover-location/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-popover-location/docs/index.js b/dist/samples/3d-popover-location/docs/index.js index e33319f1..0111b9a8 100644 --- a/dist/samples/3d-popover-location/docs/index.js +++ b/dist/samples/3d-popover-location/docs/index.js @@ -11,6 +11,7 @@ async function init() { const map = new Map3DElement({ center: { lat: 37.8204, lng: -122.4783, altitude: 0.407 }, range: 4000, tilt: 74, heading: 38, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); const popover = new PopoverElement({ altitudeMode: AltitudeMode.ABSOLUTE, diff --git a/dist/samples/3d-popover-location/docs/index.ts b/dist/samples/3d-popover-location/docs/index.ts index aa8c8e7b..51cbd489 100644 --- a/dist/samples/3d-popover-location/docs/index.ts +++ b/dist/samples/3d-popover-location/docs/index.ts @@ -12,6 +12,7 @@ const { AltitudeMode, Map3DElement, MapMode, PopoverElement } = await google.map const map = new Map3DElement({ center: { lat: 37.8204, lng : -122.4783, altitude: 0.407 }, range: 4000, tilt: 74 ,heading: 38, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); const popover = new PopoverElement({ diff --git a/dist/samples/3d-popover-location/jsfiddle/demo.js b/dist/samples/3d-popover-location/jsfiddle/demo.js index bd642fcb..228c99ae 100644 --- a/dist/samples/3d-popover-location/jsfiddle/demo.js +++ b/dist/samples/3d-popover-location/jsfiddle/demo.js @@ -11,6 +11,7 @@ async function init() { const map = new Map3DElement({ center: { lat: 37.8204, lng: -122.4783, altitude: 0.407 }, range: 4000, tilt: 74, heading: 38, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); const popover = new PopoverElement({ altitudeMode: AltitudeMode.ABSOLUTE, diff --git a/dist/samples/3d-popover-marker/app/index.ts b/dist/samples/3d-popover-marker/app/index.ts index 18ef6383..fb16eb54 100644 --- a/dist/samples/3d-popover-marker/app/index.ts +++ b/dist/samples/3d-popover-marker/app/index.ts @@ -12,6 +12,7 @@ async function init() { const map = new Map3DElement({ center: { lat: 37.8204, lng: -122.4783, altitude: 0.407 }, range: 4000, tilt: 74, heading: 38, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); // Popovers can only be added to interactive Markers diff --git a/dist/samples/3d-popover-marker/dist/assets/index-OWs1Vg98.js b/dist/samples/3d-popover-marker/dist/assets/index-B7CVRoMS.js similarity index 50% rename from dist/samples/3d-popover-marker/dist/assets/index-OWs1Vg98.js rename to dist/samples/3d-popover-marker/dist/assets/index-B7CVRoMS.js index 001fa111..6d04c1dd 100644 --- a/dist/samples/3d-popover-marker/dist/assets/index-OWs1Vg98.js +++ b/dist/samples/3d-popover-marker/dist/assets/index-B7CVRoMS.js @@ -1,5 +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)}})();/* +(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 r of t.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&n(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 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(); +*/async function a(){const{AltitudeMode:c,Map3DElement:o,Marker3DInteractiveElement:s,MapMode:n,PopoverElement:e}=await google.maps.importLibrary("maps3d"),t=new o({center:{lat:37.8204,lng:-122.4783,altitude:.407},range:4e3,tilt:74,heading:38,mode:n.HYBRID,gestureHandling:"COOPERATIVE"}),r=new s({altitudeMode:c.ABSOLUTE,position:{lat:37.819852,lng:-122.478549,altitude:100}}),i=new e({open:!1,positionAnchor:r});i.append("Golden Gate Bridge"),r.addEventListener("gmp-click",d=>{i.open=!i.open}),t.append(r),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 f39f2277..dcf33a04 100644 --- a/dist/samples/3d-popover-marker/dist/index.html +++ b/dist/samples/3d-popover-marker/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-popover-marker/docs/index.js b/dist/samples/3d-popover-marker/docs/index.js index bf478828..b8805269 100644 --- a/dist/samples/3d-popover-marker/docs/index.js +++ b/dist/samples/3d-popover-marker/docs/index.js @@ -11,6 +11,7 @@ async function init() { const map = new Map3DElement({ center: { lat: 37.8204, lng: -122.4783, altitude: 0.407 }, range: 4000, tilt: 74, heading: 38, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); // Popovers can only be added to interactive Markers const interactiveMarker = new Marker3DInteractiveElement({ diff --git a/dist/samples/3d-popover-marker/docs/index.ts b/dist/samples/3d-popover-marker/docs/index.ts index 18ef6383..fb16eb54 100644 --- a/dist/samples/3d-popover-marker/docs/index.ts +++ b/dist/samples/3d-popover-marker/docs/index.ts @@ -12,6 +12,7 @@ async function init() { const map = new Map3DElement({ center: { lat: 37.8204, lng: -122.4783, altitude: 0.407 }, range: 4000, tilt: 74, heading: 38, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); // Popovers can only be added to interactive Markers diff --git a/dist/samples/3d-popover-marker/jsfiddle/demo.js b/dist/samples/3d-popover-marker/jsfiddle/demo.js index b5419220..eabd515c 100644 --- a/dist/samples/3d-popover-marker/jsfiddle/demo.js +++ b/dist/samples/3d-popover-marker/jsfiddle/demo.js @@ -11,6 +11,7 @@ async function init() { const map = new Map3DElement({ center: { lat: 37.8204, lng: -122.4783, altitude: 0.407 }, range: 4000, tilt: 74, heading: 38, mode: MapMode.HYBRID, + gestureHandling: "COOPERATIVE" }); // Popovers can only be added to interactive Markers const interactiveMarker = new Marker3DInteractiveElement({ diff --git a/dist/samples/3d-simple-map/app/index.ts b/dist/samples/3d-simple-map/app/index.ts index d968476d..43d8d35b 100644 --- a/dist/samples/3d-simple-map/app/index.ts +++ b/dist/samples/3d-simple-map/app/index.ts @@ -12,7 +12,8 @@ async function initMap() { const map = new Map3DElement({ center: { lat: 37.7704, lng: -122.3985, altitude: 500 }, tilt: 67.5, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); document.body.append(map); diff --git a/dist/samples/3d-simple-map/dist/assets/index-YlcVRnYr.js b/dist/samples/3d-simple-map/dist/assets/index-BWq4_KHj.js similarity index 59% rename from dist/samples/3d-simple-map/dist/assets/index-YlcVRnYr.js rename to dist/samples/3d-simple-map/dist/assets/index-BWq4_KHj.js index 5264f1ce..a76608d7 100644 --- a/dist/samples/3d-simple-map/dist/assets/index-YlcVRnYr.js +++ b/dist/samples/3d-simple-map/dist/assets/index-BWq4_KHj.js @@ -1,5 +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)}})();/* +(function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const e of document.querySelectorAll('link[rel="modulepreload"]'))i(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"&&i(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 i(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(); +*/async function c(){const{Map3DElement:n}=await google.maps.importLibrary("maps3d"),r=new n({center:{lat:37.7704,lng:-122.3985,altitude:500},tilt:67.5,mode:"HYBRID",gestureHandling:"COOPERATIVE"});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 62b6868f..4ae04cdb 100644 --- a/dist/samples/3d-simple-map/dist/index.html +++ b/dist/samples/3d-simple-map/dist/index.html @@ -9,7 +9,7 @@ Simple Map - + diff --git a/dist/samples/3d-simple-map/docs/index.js b/dist/samples/3d-simple-map/docs/index.js index dda80709..c58884b2 100644 --- a/dist/samples/3d-simple-map/docs/index.js +++ b/dist/samples/3d-simple-map/docs/index.js @@ -11,7 +11,8 @@ async function initMap() { const map = new Map3DElement({ center: { lat: 37.7704, lng: -122.3985, altitude: 500 }, tilt: 67.5, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); document.body.append(map); } diff --git a/dist/samples/3d-simple-map/docs/index.ts b/dist/samples/3d-simple-map/docs/index.ts index d968476d..43d8d35b 100644 --- a/dist/samples/3d-simple-map/docs/index.ts +++ b/dist/samples/3d-simple-map/docs/index.ts @@ -12,7 +12,8 @@ async function initMap() { const map = new Map3DElement({ center: { lat: 37.7704, lng: -122.3985, altitude: 500 }, tilt: 67.5, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); document.body.append(map); diff --git a/dist/samples/3d-simple-map/jsfiddle/demo.js b/dist/samples/3d-simple-map/jsfiddle/demo.js index ddd1c59f..958839f4 100644 --- a/dist/samples/3d-simple-map/jsfiddle/demo.js +++ b/dist/samples/3d-simple-map/jsfiddle/demo.js @@ -11,7 +11,8 @@ async function initMap() { const map = new Map3DElement({ center: { lat: 37.7704, lng: -122.3985, altitude: 500 }, tilt: 67.5, - mode: 'HYBRID' + mode: 'HYBRID', + gestureHandling: "COOPERATIVE" }); document.body.append(map); } diff --git a/dist/samples/3d-simple-marker/app/index.ts b/dist/samples/3d-simple-marker/app/index.ts index ed01fe1e..954e5225 100644 --- a/dist/samples/3d-simple-marker/app/index.ts +++ b/dist/samples/3d-simple-marker/app/index.ts @@ -13,7 +13,8 @@ async function init() { center: { lat: 37.4239163, lng: -122.0947209, altitude: 0 }, tilt: 67.5, range: 1000, - mode: 'SATELLITE' + mode: 'SATELLITE', + gestureHandling: "COOPERATIVE" }); const marker = new Marker3DElement({ diff --git a/dist/samples/3d-simple-marker/dist/assets/index-DmItXLZH.js b/dist/samples/3d-simple-marker/dist/assets/index-CI7qBRf0.js similarity index 83% rename from dist/samples/3d-simple-marker/dist/assets/index-DmItXLZH.js rename to dist/samples/3d-simple-marker/dist/assets/index-CI7qBRf0.js index 5402c2b8..4cca3c8e 100644 --- a/dist/samples/3d-simple-marker/dist/assets/index-DmItXLZH.js +++ b/dist/samples/3d-simple-marker/dist/assets/index-CI7qBRf0.js @@ -2,4 +2,4 @@ * @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(); +*/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",gestureHandling:"COOPERATIVE"}),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 30b212ac..090420f7 100644 --- a/dist/samples/3d-simple-marker/dist/index.html +++ b/dist/samples/3d-simple-marker/dist/index.html @@ -9,7 +9,7 @@ Map - + diff --git a/dist/samples/3d-simple-marker/docs/index.js b/dist/samples/3d-simple-marker/docs/index.js index b7350fc1..87e850ef 100644 --- a/dist/samples/3d-simple-marker/docs/index.js +++ b/dist/samples/3d-simple-marker/docs/index.js @@ -13,7 +13,8 @@ async function init() { center: { lat: 37.4239163, lng: -122.0947209, altitude: 0 }, tilt: 67.5, range: 1000, - mode: 'SATELLITE' + mode: 'SATELLITE', + gestureHandling: "COOPERATIVE" }); const marker = new Marker3DElement({ position: { lat: 37.4239163, lng: -122.0947209, altitude: 50 }, // (Required) Marker must have a lat / lng, but doesn't need an altitude. diff --git a/dist/samples/3d-simple-marker/docs/index.ts b/dist/samples/3d-simple-marker/docs/index.ts index ed01fe1e..954e5225 100644 --- a/dist/samples/3d-simple-marker/docs/index.ts +++ b/dist/samples/3d-simple-marker/docs/index.ts @@ -13,7 +13,8 @@ async function init() { center: { lat: 37.4239163, lng: -122.0947209, altitude: 0 }, tilt: 67.5, range: 1000, - mode: 'SATELLITE' + mode: 'SATELLITE', + gestureHandling: "COOPERATIVE" }); const marker = new Marker3DElement({ diff --git a/dist/samples/3d-simple-marker/jsfiddle/demo.js b/dist/samples/3d-simple-marker/jsfiddle/demo.js index 1749b563..a163609d 100644 --- a/dist/samples/3d-simple-marker/jsfiddle/demo.js +++ b/dist/samples/3d-simple-marker/jsfiddle/demo.js @@ -13,7 +13,8 @@ async function init() { center: { lat: 37.4239163, lng: -122.0947209, altitude: 0 }, tilt: 67.5, range: 1000, - mode: 'SATELLITE' + mode: 'SATELLITE', + gestureHandling: "COOPERATIVE" }); const marker = new Marker3DElement({ position: { lat: 37.4239163, lng: -122.0947209, altitude: 50 }, // (Required) Marker must have a lat / lng, but doesn't need an altitude. diff --git a/package-lock.json b/package-lock.json index 0fba4ce7..77f99c52 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8827,11 +8827,11 @@ "version": "1.0.0", "dependencies": { "@googlemaps/js-api-loader": "^2.0.0", - "terra-draw": "*", - "terra-draw-google-maps-adapter": "*" + "terra-draw": "latest", + "terra-draw-google-maps-adapter": "latest" }, "devDependencies": { - "@types/google.maps": "*", + "@types/google.maps": "latest", "typescript": "^5.9.3", "vite": "^7.1.11" } @@ -8980,7 +8980,7 @@ "name": "@js-api-samples/react-ui-kit-place-details-latlng-compact", "version": "1.0.0", "dependencies": { - "@vis.gl/react-google-maps": "*", + "@vis.gl/react-google-maps": "latest", "react": "^19.2.0", "react-dom": "^19.2.0" },