# Map

### Summary

The Map component allows you to display a map.

This section shows you how to add a Map.

Below is a Map.

<figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-fc8380a1077131a966d6b0057c1627588c8ec64c%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

### How to add a Map

Step 1: Go to the page you'd like to add the Map to (or create a new page) and in the Content tab, Components section, select Map from the dropdown list.

<figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-0da115f9bbb345118cc315341ee18f4d53e7ce7e%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

Step 2: Fill in the fields as per below.

<figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-3993e7489835dc2c089a68b50d7edc65bc56f05c%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

1. Embed URL - Add the URL of the map in this field.
2. Address - Add the physical address in this field.
3. View link - Add the URL of the external map.
4. Theme - Choose the light or dark theme.
5. Vertical spacing - Add vertical spacing on the component (above, below or above AND below).
6. Background - Check this box to apply a background colour.