> For the complete documentation index, see [llms.txt](https://docs.devhub.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.devhub.com/site-builder/pages-and-content/maps.md).

# Maps

Editing of pages and content within the Site Builder to add a map to the template

[View our training video on using the Maps Module.](https://www.devhub.com/videos/#)

![](https://825756965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_zivnvKch6re2urR-L%2Fuploads%2F25jBYrvadDCTSLdbys8q%2Fimage.png?alt=media\&token=c194dba7-f593-4c22-950c-b4b956039a2c)

Open the site builder for the site you wish to add a map to.

![](https://825756965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_zivnvKch6re2urR-L%2Fuploads%2FAorzV7USXPxtKJ1ALV0l%2Fimage.png?alt=media\&token=e245818e-e7ea-492a-9d66-2c0799f447c2)

On the right hand side you will find a list of modules in which you can drag and drop on to the page.\
\
Click and grab the "Google Maps" Module from within the business details section

![](https://825756965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_zivnvKch6re2urR-L%2Fuploads%2FyX5OiuhqcaggkolyhQFa%2Fimage.png?alt=media\&token=ea225638-15d2-4361-b0a2-c1310bf27ec5)

While dragging the "Google Maps" Module you will see sections within the site builder highlighted showing applicable places where the module can be dropped.

![](https://825756965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_zivnvKch6re2urR-L%2Fuploads%2FIipNQoGe2glfFZrJvhdJ%2Fimage.png?alt=media\&token=c4deb4ac-e347-46e0-8169-b11e67673cfa)

After dropping the "Google Maps" Module into the template, a "Add Google Map" Modal will appear and the options will appear for adjusting the appearance of the map on page.

![](https://825756965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-L_zivnvKch6re2urR-L%2Fuploads%2F0xhDN52ZDFVXp3Vcr6tg%2FScreenshot_20220618-015414_NetHunter%20KeX.png?alt=media\&token=72db6055-4d85-4ece-843a-669ad0bad762)