Migrate to advanced markers

Problem/Motivation

As of February 21st, 2024 (v3.56), google.maps.Marker is deprecated. We to transition to the new google.maps.marker.AdvancedMarkerElement class. Advanced markers provide substantial improvements over the legacy google.maps.Marker class.

To update a legacy marker to be an advanced marker, take the following steps:

1. Add code to import the marker library. Note that the previous version of markers (google.maps.Marker) does not have this requirement.
2. Change google.maps.Marker to google.maps.marker.AdvancedMarkerElement
3. Add a map ID to your map initialization code. For example mapId: 'DEMO_MAP_ID' for testing purposes if you don't have a map ID already.

https://developers.google.com/maps/documentation/javascript/advanced-mar...

Proposed resolution

1. Replace Marker with Advance Marker
2. Provides settings and implement PinElement
3. Cloud-based maps styling

Remaining tasks

Implement new features.