> For the complete documentation index, see [llms.txt](https://story.groupthought.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://story.groupthought.com/story-theme-v1/sections/map.md).

# Map

Add location and map information to your storefront

Provide store and location information with a custom image map or interactive Google Maps version.

#### Static Image

Easily add your own custom image and store information.

![Button can link to store directions](https://3450226476-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MI6cK8SrstUdE_nxQrW%2F-MV8Zyd_IVKBmgDTQYwP%2F-MV8dPqG7LiijkDLjypq%2FScreen%20Shot%202021-03-06%20at%202.21.26%20PM.png?alt=media\&token=3269d97b-dc6c-4b93-8c87-eb8cd6225351)

#### Interactive Maps

Use Google's API to add an interactive map:

![](https://3450226476-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MI6cK8SrstUdE_nxQrW%2F-MV8Zyd_IVKBmgDTQYwP%2F-MV8dgUeRQ37nuVKRPAQ%2FScreen%20Shot%202021-03-06%20at%202.26.48%20PM.png?alt=media\&token=b488272a-3d99-474c-b100-e1c4af3ecfc2)

Learn more about Google's Map API and how to use on Shopify:

{% embed url="<https://help.shopify.com/en/manual/online-store/os/using-themes/change-the-layout/theme-settings/map-section-api-key>" %}

#### Add section reference:

<div align="left"><img src="https://3450226476-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MI6cK8SrstUdE_nxQrW%2F-MV-0aAWbSeTsjiE5ufv%2F-MV-0mS0Z6UHGEcA2gaY%2Fmap.png?alt=media&amp;token=5c24e4de-e557-4085-a5c2-9e4136d63e0c" alt=""></div>