# Map

With the map section in Broadcast, you can display an interactive map for your customers. 

<figure><img src="/files/N3EVpz3uKmhiGGzM3qY4" alt=""><figcaption><p><strong>Interactive map using Google's Map API</strong></p></figcaption></figure>

Broadcast supports the Google Maps API to display a store's location easily. Alternatively, you can use any static image to display a location.&#x20;

### Example map styles

When using your Google Maps API key, Broadcast will automatically generate an interactive map with the address you provide. Broadcast also includes multiple map styles. Here are some examples:

<figure><img src="/files/pvVwrcfgknLU9c8Vhtp6" alt=""><figcaption><p><strong>Minimal style</strong></p></figcaption></figure>

<figure><img src="/files/xJS9SojGynONR33svux1" alt=""><figcaption><p><strong>Light style</strong></p></figcaption></figure>

The default style displays the standard Google Maps colors:

<figure><img src="/files/0xv6RzQbgSiTUuYoPPeZ" alt=""><figcaption><p><strong>Default style</strong></p></figcaption></figure>

### Flexible

This section can use the Google Map API for rich interactive maps or add any image from your store library to display a location. You can choose from different map styles and zoom levels when using the Map API key.&#x20;

### Customize

* Choose the heights of the desktop and mobile sections. When using the Map API key, the map is not cropped. Use the zoom control to get the best view of your location. For static images, choose a height that works best for the image.&#x20;
* Select from different map styles, including regular, minimal, light and dark.&#x20;
* Add a heading and address to the text area. The directions button will open Google Maps to the address you've provided.&#x20;
* You can use longitude and latitude values to find the perfect position for greater accuracy.&#x20;

### Video Overview

This video demonstrates how to set up a Google Maps API key and also configure the section settings for the **Map** section:

{% embed url="<https://www.loom.com/share/4f1e65643b434fe3ac6d43e6fe6e94c2?sid=43939f7b-b1b9-4c62-b48b-ad60fc2ec27c>" %}
**Video walkthrough of Google Map API Key and Map section setuup**
{% endembed %}

### Register a key

Shopify's article will help you get started with the links to the Google Dashboard:

{% 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>" %}


---

# 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://broadcast.presidiocreative.com/broadcast-v5/sections/broadcast-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.