How do I embed a Google Map in my project?
You can use TeleportHQ's iframe element in order to display a Google Map into your project.
Go to https://maps.google.com
Choose a location
Click on the Share button
Choose the 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
Steps
Go to https://maps.google.com
Choose a location
Click on the Share button
Choose the 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
Updated on: 28/04/2023
Thank you!