# How to embed a Google Map into a lesson

Follow the following steps in order to embed a google map into a lesson.

1. **Make sure you are signed in on Google Maps**&#x20;

You will need a Gmail/Google Account to do this. You should see your profile on the upper-right hand corner of Google Maps once you are logged in.&#x20;

2. **Click on the menu in the upper right**

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FUTt6FzWRbla4Mv508l1R%2Fimage.png?alt=media&#x26;token=3bcbf72d-3008-4212-be4c-dfaa85b01f5a" alt="" width="563"><figcaption></figcaption></figure></div>

3. **Search the place you want to add**

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2Fg7BZUuGgy1se7QEa6bU8%2Fimage.png?alt=media&#x26;token=8d3e6d86-5b93-413e-a719-f2cb90b72903" alt="" width="563"><figcaption></figcaption></figure></div>

4. **Click "Save yourself"**

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FYgItUQHmjSALUrHWWbg7%2Fimage.png?alt=media&#x26;token=5bd39d36-cf4e-4363-81a0-4a1f4fae3dbd" alt="" width="437"><figcaption></figcaption></figure></div>

5. **Click the "Map" tab, then " Open my Maps"**

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FyHTc6cBJu9nFX7ARKV21%2Fimage.png?alt=media&#x26;token=57d1969c-9f27-4e6a-a3ad-eb149ddef6ce" alt="" width="386"><figcaption></figcaption></figure></div>

6. **Click "Create a New Map"**

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FkW7Rf3y0uOevobLBGico%2Fimage.png?alt=media&#x26;token=5a9eb333-125f-4058-bac5-230b741b3bb1" alt="" width="563"><figcaption></figcaption></figure></div>

7. **Click on the level to give it a name**

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2F6CenRdncUtOWYmF9oalJ%2Fimage.png?alt=media&#x26;token=65725761-b8d0-4d11-b9d2-0c26e40fdbc8" alt="" width="328"><figcaption></figcaption></figure></div>

Click on the three dots in the upper right corner and then on "Renominate Layer".

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2F5t62tVjzJ553qvi5jLrS%2Fimage.png?alt=media&#x26;token=bfa1af66-3c1d-43e8-a458-b62ce32650d8" alt="" width="355"><figcaption></figcaption></figure></div>

Then enter the name layer.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FlH5j2CCCFIISE2VcSdQG%2Fimage.png?alt=media&#x26;token=5545d468-543a-4f64-b898-96156301e3c9" alt="" width="524"><figcaption></figcaption></figure></div>

&#x20;

8. &#x20;**Type your 1st business address and press Enter**

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2F0gBnhhQKAUrebSw3SZDw%2Fimage.png?alt=media&#x26;token=5865ddcf-04ab-4ee3-bbda-02128b23a31e" alt="" width="563"><figcaption></figcaption></figure></div>

9. **Now click “+ Add to Map”**

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FoWWpY80jjJS124EXmZ8w%2Fimage.png?alt=media&#x26;token=e202c2e4-56d3-472b-8d41-2f50b39c1c58" alt="" width="291"><figcaption></figcaption></figure></div>

11. **Click “Other icons”, then “Custom Icon”**

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FniJjBrPQQ01w9tJKjoAA%2Fimage.png?alt=media&#x26;token=43cf6ea5-1eaf-480c-8572-08c576d16119" alt="" width="432"><figcaption></figcaption></figure></div>

You can use one of the icons provided by Google if you like or you can upload the logo of your own company by clicking on "Custom icon" in the lower right corner.

&#x20;

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2F86l1Lx4TcQI6qtQUwbrj%2Fimage.png?alt=media&#x26;token=d71bfda1-ca8d-4880-a3a0-7336acc9d616" alt="" width="494"><figcaption></figcaption></figure></div>

12. **Upload an image/logo from your PC**

If you choose to insert a costumed image this image will appear.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FkcbUUfC3dOiCS5RHHyqv%2Fimage.png?alt=media&#x26;token=e188383f-28c6-4b1f-9d6d-c49e73e28d16" alt="" width="434"><figcaption></figcaption></figure></div>

13. **Add a 2nd address if you want**

If you want, you can enter a second address by typing the street name on the search bar.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FLkfl7wAEFthA2A7voLnK%2Fimage.png?alt=media&#x26;token=8145fa6c-f482-4d89-8d04-dfaae62887bf" alt="" width="563"><figcaption></figcaption></figure></div>

14. **Repeat the same steps as before, and you will now see 2 addresses in your list**

Of course, you can also enter more than one address.

&#x20;

15. **Click "Save" and name your map**

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FCqD5HrMoZEuL12D7WOw5%2Fimage.png?alt=media&#x26;token=8c25939a-88c2-426c-9a7b-7a012ae4f5f2" alt="" width="515"><figcaption></figcaption></figure></div>

16. **Make sure all 3 toggles are activated**

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2Flfxfmmw6Rn0Npnl4j8Jd%2Fimage.png?alt=media&#x26;token=0c12a55e-5340-42d7-a9b3-c0f308102590" alt="" width="446"><figcaption></figcaption></figure></div>

&#x20;

17. **Click the 3 dots, then "Embed my site"**

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FYsZOK0gkqhiBLJ6LTmYa%2Fimage.png?alt=media&#x26;token=948aa449-7aa5-41dc-95b2-d7b9ea7af7c4" alt="" width="548"><figcaption></figcaption></figure></div>

18. **Copy and paste the provided HTML into your website**

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FOjxtttmZpeuBvsAJKnZ5%2Fimage.png?alt=media&#x26;token=da44396c-74c0-4e3f-9431-af0fb76581fd" alt="" width="563"><figcaption></figcaption></figure></div>

Now you are ready to copy the iFrame and insert it in the course. You just have to click on the course and click on the "edit" button of the lesson you want to add the iFrame.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FsJtF51w2yV0jtbHPjrHv%2Fimage.png?alt=media&#x26;token=74a274c5-5bb9-451e-a4d1-5dad0847ebad" alt="" width="263"><figcaption></figcaption></figure></div>

Then you have to click on "Attachement" and click on "Embed a content".&#x20;

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FZIYlObmBPVVkLJK5bwNd%2Fimage.png?alt=media&#x26;token=1f84bac2-73b0-4505-8809-e394dfde0fb3" alt="" width="276"><figcaption></figcaption></figure></div>
