# 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="/files/2ap7sk6GL1hAlh3hgJSn" alt=""><figcaption></figcaption></figure>

### Interactive map

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

<figure><img src="/files/IdM4JtunOqPn4hATGgaN" 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="/files/WQXYiGR3DGWBkgqhnWF5" 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="/files/vsUt3paHOkX6JDJQSfEf" 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;


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://story.groupthought.com/sections/story-sections/map.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.