# Map

This easy-to-use section enables you to build rich map sections to help your shoppers locate your stores and services. The two-column section can display your store or service information, plus an interactive map or a custom static image:

<figure><img src="https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FpFSwFE5S4GmT9FgapSoP%2Fmap%20main%20v2.jpg?alt=media&#x26;token=a072a7e8-69fe-4baa-87c9-012722941051" alt=""><figcaption></figcaption></figure>

### Interactive map

The Google Maps API feature lets shoppers interact with your location map:

<figure><img src="https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FtisbPaNRxHXYuhxTu6Dh%2FAug-23-2023%2012-37-52b.gif?alt=media&#x26;token=4e9172b7-ecf6-4651-9cd0-8f7982ea532e" alt=""><figcaption></figcaption></figure>

Once you've added a valid API key, extra features will be available:

* Google will automatically create the interactive map based on the address you provide.&#x20;
* The map style can be changed:

<figure><img src="https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FLLQYXSrRJXTk11ANhLVA%2Fgoogle%20maps%20api%20story.jpg?alt=media&#x26;token=440d883a-cacf-4d0c-9b40-dfc3ac81f75e" alt=""><figcaption></figcaption></figure>

* The default map zoom level can be set. Shoppers will have the ability to zoom in and out while interacting with the map.
* A location correction feature is available where you can provide a Latitude and Longitude for overriding the map address.&#x20;
* Add a static image for fallback. If the Google API isn't working, the static image will be used in place of the interactive map.&#x20;

Shopify provides information on how to obtain a Google API key:

{% embed url="<https://help.shopify.com/en/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/map-section-api-key#register-a-google-maps-api-key>" %}

### Static map

A custom image option is available to display a map without having to use a Google API. Any image can be used here for a quick and simple map:

<figure><img src="https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FYD8nkP155fMJucbp097L%2Fmap%20with%20image%20example.jpg?alt=media&#x26;token=90a4a7c1-52a5-45cc-9e72-d2ab15e7653c" alt=""><figcaption></figcaption></figure>

> ***Tip:*** Take a screenshot from your favorite map app and upload that to your Shopify Files library. Edit the screenshot for best results.&#x20;