How to embed a Google Map in your TeleportHQ project

You can use TeleportHQ's iframe element in order to display a Google Map into your project.

Steps

Go to https://maps.google.com
Choose a location
Click on the Share button
Choose the Embed tab

Google maps embed tab

Copy the url from the src attribute. This is an important step, do not copy all the iframe element, but just the value of the `src` attribute
Go to your TeleportHQ project
From the Left side panel, Elements tab, drag and drop an iframe element in your canvas
Select the iframe element in your canvas and in the right inspector, open the HTML section
Copy paste your map link into the src attribute

Adding map source to Iframe
Was this article helpful?
Cancel
Thank you!