Embedding Google Maps

Who can use this feature?

👤  Available on all plans.

You can embed Google Maps into the detail layout of your app.

How to find the embed link

  1. Go to Google Maps
  2. Enter the location you want to embed into your app
  3. Click Share > Embed a Map
  4. Click COPY HTML from the Embed a Map tab
  5. Remove the <iframe> from the link, you only need the URL
CleanShot 2024-02-27 at 11.31.27@2x.png

 

It should look like this:

https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d10499.966498430253!2d2.2944813!3d48.8583701!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2964e34e2d%3A0x8ddca9ee380ef7e0!2sEiffel%20Tower!5e0!3m2!1sen!2sus!4v1709062374956!5m2!1sen!2sus

How to use the Embed Link

You can use your embed link by adding it to a field on your data source or paste it directly into the embed widget. 

  1. Click in the detail layout
  2. Click   Edit Layout
  3. Drag embed widget into the layout
  4. Select where your link comes from
  5. Choose a title and the height of the embed

embed_maps.gif

 

Create a Multiple Location Map

You can also embed a map with multiple locations by creating a map in your Google Account.
  1. Go to Google Maps
  2. Click the menu stack on the top left
  3. Click Saved
  4. Click Maps tab
  5. Click Create Map at the bottom 
maps_account.gif
To embed a Multiple location map: click the Three dots next to your maps name > select Embed on my site
CleanShot_2023-04-21_at_13.46.19_2x.png
Note: The name of the Google Account will be listed above the map name.
 

Related articles

Embedding Airtable Embedding Google Drive videos

Embedding Youtube

 

Embedding Vimeo