How To Add Custom Maps from Google My Maps

You're not limited to embedding regular Google Maps in Safari Portal. Include directions, add text boxes, pin points of interest, or draw shapes on your Google Maps using Google My Maps.🌎

Then you can embed those custom maps super easily thanks to the iFrame Element, which can be accessed from the Element Library. Simply drop the map into any itinerary, lookbook, content page, or guest portal. 

📌Note: You must have a Google Account to use Google My Maps.

Video Tutorial on Google My Maps

This video will show you how to create a map in Google My Maps and then insert it into Safari Portal. 

Written Tutorial

1. Go to Google My Maps.
2. Click the Create A New Map button.
   
3. Type in your points of interest or GPS coordinates in the search bar.
4. Click 'add to map'
5. You can customise these points of interest with different colours, names and icons.
6. You are also able to change the base map to reduce the other automatic points of interest that are shown by Google Maps.
7. Click the 'share' icon and toggle on 'Allow anyone with the link to view'.
   
8. Now click the three dots next to your map's name and select 'Embed on my site'.
   
9. Now copy the code across to your Safari Portal proposal and embed it using the iFrame element. If you're unsure of how to do this, make sure to read this article for a complete step-by-step breakdown.