My client wants to display various Google My Maps with their custom styling, but wants to avoid them being iframes, to avoid storing 3rd party cookies and having to block the maps without the users cookie consent.

The maps should be added from the Umbraco Backoffice, and should be void of any metadata, except road names. Each map contains a route that has been made using Google My Maps along with custom-made pins.

From looking into this, it seems that iframes are the only possiblity here. The Google Maps Platfom documentation has the following article about embedding a map: https://developers.google.com/maps/documentation/embed/embedding-map

But this is limited to iframes and various modes, none of which satisfty the requirements.

My question is how I can display interactive Google Maps with custom styling from Umbraco, without them being loaded into iframes. Each map is unique and will be created using the Google My Maps interface.