diff --git a/samples/advanced-markers-altitude/index.html b/samples/advanced-markers-altitude/index.html index 3b2831d4..abab242e 100644 --- a/samples/advanced-markers-altitude/index.html +++ b/samples/advanced-markers-altitude/index.html @@ -1,4 +1,4 @@ - + + + + diff --git a/samples/advanced-markers-altitude/index.ts b/samples/advanced-markers-altitude/index.ts index 8357eb2e..dbd7c80d 100644 --- a/samples/advanced-markers-altitude/index.ts +++ b/samples/advanced-markers-altitude/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]