diff --git a/dist/samples/advanced-markers-graphics/app/index.ts b/dist/samples/advanced-markers-graphics/app/index.ts index 0bd5a9a3..537f5be2 100644 --- a/dist/samples/advanced-markers-graphics/app/index.ts +++ b/dist/samples/advanced-markers-graphics/app/index.ts @@ -49,12 +49,12 @@ async function initMap() { const beachFlagMarker = new AdvancedMarkerElement({ position: { lat: 37.434, lng: -122.082 }, - content: beachFlagImg, title: 'A marker using a custom PNG Image', //@ts-ignore anchorLeft: '0px', anchorTop: '100%', }); + beachFlagMarker.append(beachFlagImg); mapElement.append(beachFlagMarker); // [END maps_advanced_markers_graphics_png] diff --git a/dist/samples/advanced-markers-graphics/dist/assets/index-DglL16tP.js b/dist/samples/advanced-markers-graphics/dist/assets/index-Cgxqtzwn.js similarity index 78% rename from dist/samples/advanced-markers-graphics/dist/assets/index-DglL16tP.js rename to dist/samples/advanced-markers-graphics/dist/assets/index-Cgxqtzwn.js index e72dd5d8..107b24c5 100644 --- a/dist/samples/advanced-markers-graphics/dist/assets/index-DglL16tP.js +++ b/dist/samples/advanced-markers-graphics/dist/assets/index-Cgxqtzwn.js @@ -2,4 +2,4 @@ * @license * Copyright 2025 Google LLC. All Rights Reserved. * SPDX-License-Identifier: Apache-2.0 - */async function w(){const{Map:d}=await google.maps.importLibrary("maps"),{AdvancedMarkerElement:o,PinElement:n}=await google.maps.importLibrary("marker"),{Place:i}=await google.maps.importLibrary("places"),e=document.querySelector("gmp-map"),h=new DOMParser().parseFromString('',"image/svg+xml").documentElement,s=new o({position:{lat:37.42475,lng:-122.094},title:"A marker using a custom SVG image.",anchorLeft:"-50%",anchorTop:"-50%"});s.append(h),e.append(s);const p=document.createElement("img");p.src=new URL(""+new URL("../beachflag.png",import.meta.url).href,import.meta.url).href;const g=new o({position:{lat:37.434,lng:-122.082},content:p,title:"A marker using a custom PNG Image",anchorLeft:"0px",anchorTop:"100%"});e.append(g);const u=new URL(""+new URL("../google_logo_g.svg",import.meta.url).href,import.meta.url),m=new n({glyphSrc:u}),l=new o({position:{lat:37.425,lng:-122.07},title:"A marker using a custom SVG for the glyph."});l.append(m),e.append(l);const r=new i({id:"ChIJN5Nz71W3j4ARhx5bwpTQEGg"});await r.fetchFields({fields:["location","displayName","svgIconMaskURI","iconBackgroundColor"]});const k=new n({background:r.iconBackgroundColor,glyphSrc:new URL(String(r.svgIconMaskURI))}),c=new o({position:r.location,title:r.displayName});c.append(k),e.append(c)}w(); + */async function w(){const{Map:h}=await google.maps.importLibrary("maps"),{AdvancedMarkerElement:o,PinElement:n}=await google.maps.importLibrary("marker"),{Place:i}=await google.maps.importLibrary("places"),e=document.querySelector("gmp-map"),g=new DOMParser().parseFromString('',"image/svg+xml").documentElement,s=new o({position:{lat:37.42475,lng:-122.094},title:"A marker using a custom SVG image.",anchorLeft:"-50%",anchorTop:"-50%"});s.append(g),e.append(s);const p=document.createElement("img");p.src=new URL(""+new URL("../beachflag.png",import.meta.url).href,import.meta.url).href;const l=new o({position:{lat:37.434,lng:-122.082},title:"A marker using a custom PNG Image",anchorLeft:"0px",anchorTop:"100%"});l.append(p),e.append(l);const u=new URL(""+new URL("../google_logo_g.svg",import.meta.url).href,import.meta.url),m=new n({glyphSrc:u}),c=new o({position:{lat:37.425,lng:-122.07},title:"A marker using a custom SVG for the glyph."});c.append(m),e.append(c);const r=new i({id:"ChIJN5Nz71W3j4ARhx5bwpTQEGg"});await r.fetchFields({fields:["location","displayName","svgIconMaskURI","iconBackgroundColor"]});const k=new n({background:r.iconBackgroundColor,glyphSrc:new URL(String(r.svgIconMaskURI))}),d=new o({position:r.location,title:r.displayName});d.append(k),e.append(d)}w(); diff --git a/dist/samples/advanced-markers-graphics/dist/index.html b/dist/samples/advanced-markers-graphics/dist/index.html index f4feb3ff..99086941 100644 --- a/dist/samples/advanced-markers-graphics/dist/index.html +++ b/dist/samples/advanced-markers-graphics/dist/index.html @@ -11,7 +11,7 @@ - + diff --git a/dist/samples/advanced-markers-graphics/docs/index.js b/dist/samples/advanced-markers-graphics/docs/index.js index 2fade107..6bb50c54 100644 --- a/dist/samples/advanced-markers-graphics/docs/index.js +++ b/dist/samples/advanced-markers-graphics/docs/index.js @@ -31,12 +31,12 @@ async function initMap() { beachFlagImg.src = new URL('./public/beachflag.png', import.meta.url).href; const beachFlagMarker = new AdvancedMarkerElement({ position: { lat: 37.434, lng: -122.082 }, - content: beachFlagImg, title: 'A marker using a custom PNG Image', //@ts-ignore anchorLeft: '0px', anchorTop: '100%', }); + beachFlagMarker.append(beachFlagImg); mapElement.append(beachFlagMarker); // [END maps_advanced_markers_graphics_png] // [START maps_advanced_markers_graphics_svg_glyph] diff --git a/dist/samples/advanced-markers-graphics/docs/index.ts b/dist/samples/advanced-markers-graphics/docs/index.ts index 0bd5a9a3..537f5be2 100644 --- a/dist/samples/advanced-markers-graphics/docs/index.ts +++ b/dist/samples/advanced-markers-graphics/docs/index.ts @@ -49,12 +49,12 @@ async function initMap() { const beachFlagMarker = new AdvancedMarkerElement({ position: { lat: 37.434, lng: -122.082 }, - content: beachFlagImg, title: 'A marker using a custom PNG Image', //@ts-ignore anchorLeft: '0px', anchorTop: '100%', }); + beachFlagMarker.append(beachFlagImg); mapElement.append(beachFlagMarker); // [END maps_advanced_markers_graphics_png] diff --git a/dist/samples/advanced-markers-graphics/jsfiddle/demo.js b/dist/samples/advanced-markers-graphics/jsfiddle/demo.js index 8d46754b..0061d567 100644 --- a/dist/samples/advanced-markers-graphics/jsfiddle/demo.js +++ b/dist/samples/advanced-markers-graphics/jsfiddle/demo.js @@ -31,12 +31,12 @@ async function initMap() { beachFlagImg.src = new URL('./public/beachflag.png', import.meta.url).href; const beachFlagMarker = new AdvancedMarkerElement({ position: { lat: 37.434, lng: -122.082 }, - content: beachFlagImg, title: 'A marker using a custom PNG Image', //@ts-ignore anchorLeft: '0px', anchorTop: '100%', }); + beachFlagMarker.append(beachFlagImg); mapElement.append(beachFlagMarker);