diff --git a/dist/samples/advanced-markers-altitude/app/index.html b/dist/samples/advanced-markers-altitude/app/index.html index 3b2831d4..abab242e 100644 --- a/dist/samples/advanced-markers-altitude/app/index.html +++ b/dist/samples/advanced-markers-altitude/app/index.html @@ -1,4 +1,4 @@ - + + + + diff --git a/dist/samples/advanced-markers-altitude/app/index.ts b/dist/samples/advanced-markers-altitude/app/index.ts index 8357eb2e..dbd7c80d 100644 --- a/dist/samples/advanced-markers-altitude/app/index.ts +++ b/dist/samples/advanced-markers-altitude/app/index.ts @@ -1,23 +1,22 @@ /** * @license - * Copyright 2019 Google LLC. All Rights Reserved. + * Copyright 2025 Google LLC. All Rights Reserved. * SPDX-License-Identifier: Apache-2.0 */ // [START maps_advanced_markers_altitude] -let map; +const mapElement = document.querySelector('gmp-map') as google.maps.MapElement; + async function initMap() { // Request needed libraries. const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary; const { AdvancedMarkerElement, PinElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary; - map = new Map(document.getElementById('map') as HTMLElement, { - center: {lat: 47.65196191658531, lng: -122.30716770065949}, - zoom: 19, + mapElement.innerMap.setOptions ({ tilt: 67.5, heading: 45, - mapId: '6ff586e93e18149f', }); + // [START maps_advanced_markers_altitude_marker] const pin = new PinElement({ background: '#4b2e83', @@ -26,14 +25,15 @@ async function initMap() { scale: 2.0, }); - const markerView = new AdvancedMarkerElement({ - map, - content: pin.element, + const marker = new AdvancedMarkerElement({ // Set altitude to 20 meters above the ground. position: { lat: 47.65170843460547, lng: -122.30754, altitude: 20 } as google.maps.LatLngAltitudeLiteral, }); + marker.append(pin); + + mapElement.append(marker); // [END maps_advanced_markers_altitude_marker] } initMap(); -// [END maps_advanced_markers_altitude] \ No newline at end of file +// [END maps_advanced_markers_altitude] diff --git a/dist/samples/advanced-markers-altitude/dist/assets/index-spGOiCKz.js b/dist/samples/advanced-markers-altitude/dist/assets/index-B5Lk-3V4.js similarity index 58% rename from dist/samples/advanced-markers-altitude/dist/assets/index-spGOiCKz.js rename to dist/samples/advanced-markers-altitude/dist/assets/index-B5Lk-3V4.js index 99371c77..1865a89c 100644 --- a/dist/samples/advanced-markers-altitude/dist/assets/index-spGOiCKz.js +++ b/dist/samples/advanced-markers-altitude/dist/assets/index-B5Lk-3V4.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"]'))o(e);new MutationObserver(e=>{for(const t of e)if(t.type==="childList")for(const i of t.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&o(i)}).observe(document,{childList:!0,subtree:!0});function 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 o(e){if(e.ep)return;e.ep=!0;const t=n(e);fetch(e.href,t)}})();/** * @license - * Copyright 2019 Google LLC. All Rights Reserved. + * Copyright 2025 Google LLC. All Rights Reserved. * SPDX-License-Identifier: Apache-2.0 - */let a;async function c(){const{Map:s}=await google.maps.importLibrary("maps"),{AdvancedMarkerElement:r,PinElement:n}=await google.maps.importLibrary("marker");a=new s(document.getElementById("map"),{center:{lat:47.65196191658531,lng:-122.30716770065949},zoom:19,tilt:67.5,heading:45,mapId:"6ff586e93e18149f"});const o=new n({background:"#4b2e83",borderColor:"#b7a57a",glyphColor:"#b7a57a",scale:2});new r({map:a,content:o.element,position:{lat:47.65170843460547,lng:-122.30754,altitude:20}})}c(); + */const s=document.querySelector("gmp-map");async function c(){const{Map:a}=await google.maps.importLibrary("maps"),{AdvancedMarkerElement:r,PinElement:n}=await google.maps.importLibrary("marker");s.innerMap.setOptions({tilt:67.5,heading:45});const o=new n({background:"#4b2e83",borderColor:"#b7a57a",glyphColor:"#b7a57a",scale:2}),e=new r({position:{lat:47.65170843460547,lng:-122.30754,altitude:20}});e.append(o),s.append(e)}c(); diff --git a/dist/samples/advanced-markers-altitude/dist/index.html b/dist/samples/advanced-markers-altitude/dist/index.html index e3ce7cb1..bef3cf50 100644 --- a/dist/samples/advanced-markers-altitude/dist/index.html +++ b/dist/samples/advanced-markers-altitude/dist/index.html @@ -1,4 +1,4 @@ - + + + + + + diff --git a/dist/samples/advanced-markers-altitude/docs/index.html b/dist/samples/advanced-markers-altitude/docs/index.html index 3b2831d4..abab242e 100644 --- a/dist/samples/advanced-markers-altitude/docs/index.html +++ b/dist/samples/advanced-markers-altitude/docs/index.html @@ -1,4 +1,4 @@ - + + + + diff --git a/dist/samples/advanced-markers-altitude/docs/index.js b/dist/samples/advanced-markers-altitude/docs/index.js index 942fb473..1a76ef9b 100644 --- a/dist/samples/advanced-markers-altitude/docs/index.js +++ b/dist/samples/advanced-markers-altitude/docs/index.js @@ -1,21 +1,18 @@ "use strict"; /** * @license - * Copyright 2019 Google LLC. All Rights Reserved. + * Copyright 2025 Google LLC. All Rights Reserved. * SPDX-License-Identifier: Apache-2.0 */ // [START maps_advanced_markers_altitude] -let map; +const mapElement = document.querySelector('gmp-map'); async function initMap() { // Request needed libraries. const { Map } = await google.maps.importLibrary("maps"); const { AdvancedMarkerElement, PinElement } = await google.maps.importLibrary("marker"); - map = new Map(document.getElementById('map'), { - center: { lat: 47.65196191658531, lng: -122.30716770065949 }, - zoom: 19, + mapElement.innerMap.setOptions({ tilt: 67.5, heading: 45, - mapId: '6ff586e93e18149f', }); // [START maps_advanced_markers_altitude_marker] const pin = new PinElement({ @@ -24,12 +21,12 @@ async function initMap() { glyphColor: '#b7a57a', scale: 2.0, }); - const markerView = new AdvancedMarkerElement({ - map, - content: pin.element, + const marker = new AdvancedMarkerElement({ // Set altitude to 20 meters above the ground. position: { lat: 47.65170843460547, lng: -122.30754, altitude: 20 }, }); + marker.append(pin); + mapElement.append(marker); // [END maps_advanced_markers_altitude_marker] } initMap(); diff --git a/dist/samples/advanced-markers-altitude/docs/index.ts b/dist/samples/advanced-markers-altitude/docs/index.ts index 8357eb2e..dbd7c80d 100644 --- a/dist/samples/advanced-markers-altitude/docs/index.ts +++ b/dist/samples/advanced-markers-altitude/docs/index.ts @@ -1,23 +1,22 @@ /** * @license - * Copyright 2019 Google LLC. All Rights Reserved. + * Copyright 2025 Google LLC. All Rights Reserved. * SPDX-License-Identifier: Apache-2.0 */ // [START maps_advanced_markers_altitude] -let map; +const mapElement = document.querySelector('gmp-map') as google.maps.MapElement; + async function initMap() { // Request needed libraries. const { Map } = await google.maps.importLibrary("maps") as google.maps.MapsLibrary; const { AdvancedMarkerElement, PinElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary; - map = new Map(document.getElementById('map') as HTMLElement, { - center: {lat: 47.65196191658531, lng: -122.30716770065949}, - zoom: 19, + mapElement.innerMap.setOptions ({ tilt: 67.5, heading: 45, - mapId: '6ff586e93e18149f', }); + // [START maps_advanced_markers_altitude_marker] const pin = new PinElement({ background: '#4b2e83', @@ -26,14 +25,15 @@ async function initMap() { scale: 2.0, }); - const markerView = new AdvancedMarkerElement({ - map, - content: pin.element, + const marker = new AdvancedMarkerElement({ // Set altitude to 20 meters above the ground. position: { lat: 47.65170843460547, lng: -122.30754, altitude: 20 } as google.maps.LatLngAltitudeLiteral, }); + marker.append(pin); + + mapElement.append(marker); // [END maps_advanced_markers_altitude_marker] } initMap(); -// [END maps_advanced_markers_altitude] \ No newline at end of file +// [END maps_advanced_markers_altitude] diff --git a/dist/samples/advanced-markers-altitude/jsfiddle/demo.html b/dist/samples/advanced-markers-altitude/jsfiddle/demo.html index ea390128..19673c24 100644 --- a/dist/samples/advanced-markers-altitude/jsfiddle/demo.html +++ b/dist/samples/advanced-markers-altitude/jsfiddle/demo.html @@ -1,4 +1,4 @@ - + + + + diff --git a/dist/samples/advanced-markers-altitude/jsfiddle/demo.js b/dist/samples/advanced-markers-altitude/jsfiddle/demo.js index bb25d42a..b94b3114 100644 --- a/dist/samples/advanced-markers-altitude/jsfiddle/demo.js +++ b/dist/samples/advanced-markers-altitude/jsfiddle/demo.js @@ -1,21 +1,18 @@ "use strict"; /** * @license - * Copyright 2019 Google LLC. All Rights Reserved. + * Copyright 2025 Google LLC. All Rights Reserved. * SPDX-License-Identifier: Apache-2.0 */ -let map; +const mapElement = document.querySelector('gmp-map'); async function initMap() { // Request needed libraries. const { Map } = await google.maps.importLibrary("maps"); const { AdvancedMarkerElement, PinElement } = await google.maps.importLibrary("marker"); - map = new Map(document.getElementById('map'), { - center: { lat: 47.65196191658531, lng: -122.30716770065949 }, - zoom: 19, + mapElement.innerMap.setOptions({ tilt: 67.5, heading: 45, - mapId: '6ff586e93e18149f', }); const pin = new PinElement({ @@ -24,12 +21,12 @@ async function initMap() { glyphColor: '#b7a57a', scale: 2.0, }); - const markerView = new AdvancedMarkerElement({ - map, - content: pin.element, + const marker = new AdvancedMarkerElement({ // Set altitude to 20 meters above the ground. position: { lat: 47.65170843460547, lng: -122.30754, altitude: 20 }, }); + marker.append(pin); + mapElement.append(marker); } initMap();