Announcing: Advanced Markers

Markers are one of the most fundamental UI components of the map experience. That’s why we’re excited to announce the Preview release of Advanced Markers, a new library you can load with the Maps JavaScript API that introduces many new features. It supports features such as customizing colors, creating markers using custom HTML elements, and more! Besides stylized updates, we are excited to announce improvements to accessibility and performance of these markers. We’ll also teach you how to make Advanced Markers available in your app and quick tips to use them. Stay tuned!

Resources:

Chapters:
0:00 - Intro
0:54 - New marker capabilities
1:32 - Performance and accessibility updates
1:48 - Getting started with Advanced Markers
2:52 - How to customize markers
5:07 - Recap


#WhatsNewOnGMP #AdvancedMarkers

[GoogleMapsPlatform]

We're excited about this announcement, and the new possibilities it brings to devs like yourself!


Also, don't forget to let us know in the comments what you're most excited about. 🤓

[BenAnderson]

These have arrived at a great time for me. Looking forward to diving in

[jmpersic]

Way to go Google, I can't wait to try this out in my applications.

[yertuganmuslim]

when will you add advanced markers to flutter? i very need that collision behaviour

[francescmera]

I always recive the error: Property 'AdvancedMarkerView' does not exist on type 'typeof marker'

[monalipatel]

I am getting TypeError: Illegal constructor error const markerViewWithText = new
map,
position: { lat: 37.419, lng: -122.03 },
title: "Title text for the marker at lat: 37.419, lng: -122.03",
});

[canyon_online]

Just got these implemented in my project; way faster to render 200+ markers.

[jfudman]

Wait, we have to create a map ID for every single map we create? Doesn't seem very scalable

[alimassrany]

How can I make use of this information in React Native ?

[oyu]

how can i use this in blazor, tell me how to pass element argument, someone..

[snitivs]

how do you load this using the loader? I can't get the advanced marker to display on my map

[elsetmama]

Is it available to publish to global public google maps ?? Or there are another paid service to do it on google maps

[chrissawyer]

Can this be used to modify clusters too or only markers?

[BIRESHKUMARSINGH-irsn]

All of the frustration due to error because I was not intializing the map with the mapID properly

[siobe]

Is it possible to pass React Components to the Advanced Markers' content? The docs show only support for HTML Dom Elements so just wondering if there's future plans to support Custom React Components