I'm developing an app with google maps typescript api, and today I got this warning message when the app was launched ->
Starting February 21, 2024, google.maps.Marker will no longer be available. Instead, use google.maps.marker.AdvancedMarkerElement. Find more information about the discontinuation at https://developers.google.com/maps/deprecations.
but AdvancedMarkerElement has not all the properties that Marker class has, why is that? I updated @types/google.maps to the latest version and I keep getting the same warning. Anybody know something about it? And how to solve it?
This deprecation warning has nothing to do with @types/google.maps – it's a warning that originates in the Google Maps' libraries you load.
See, Google Maps is versioned. You can explicitly request a version through the optional loading parameter v. If you don't pass one, Google will default to the weekly version – which is where the deprecation warning likely comes from.
Quick "fix" to get rid of this warning: downgrade to the closest minor version, namely 3.55.
Long-term fix: evaluate if and how you can/should migrate your Markers to AdvancedMarkers. Remember, Markers are being deprecated, not discontinued – meaning you can essentially continue using them indefinitely for some (legacy) use cases like 3rd party marker clustering etc. Refer to my Marker Comparison Guide or my Marker Customization Guide if you need to brush up on these concepts.
Lastly, as @ceejayoz suggests in the comments, AdvancedMarkers are essentially a superset of Markers: they extend their functionality and improve performance.