> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/en/elemente/company/maps.md).

# Maps

With the **Maps** element you embed an interactive map (based on OpenStreetMap) into your shopping experience – ideal for location and contact pages or a store finder. You simply enter the locations as an address; the coordinates are determined automatically. Clicking a marker shows additional information as well as a button to open the route directly in Apple or Google Maps.

<figure><img src="/files/Y60YGF17HfDPiZv1TEqc" alt=""><figcaption><p>Example in the storefront: interactive map with two location markers</p></figcaption></figure>

{% hint style="success" %}
**No API key needed**

The map and the address search are based on OpenStreetMap. You don't have to set up a map service or provide an API key.
{% endhint %}

### General

On the **General** tab you create the locations. Each entry is defined via its address and automatically placed on the map. Via **"Add location"** you add further markers.

<figure><img src="/files/yCnyOA6qdsf6djcslo30" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Function</th><th>Description</th></tr></thead><tbody><tr><td>Street (1)</td><td>Street name of the location.</td></tr><tr><td>Number (2)</td><td>House number of the location.</td></tr><tr><td>Postal code (3)</td><td>Postal code of the location.</td></tr><tr><td>City (4)</td><td>City of the location. The map coordinates are determined automatically from street, postal code and city.</td></tr><tr><td>Additional information about the location (5)</td><td>Optional text that appears in the info window when the marker is clicked – e.g. opening hours or a note about the store.</td></tr></tbody></table>

{% hint style="info" %}
Using the icons on the right of each entry you can duplicate, move or delete a location. If several locations are set, the map automatically zooms so that all markers are visible.
{% endhint %}

### Layout

On the **Layout** tab you determine the size and appearance of the map.

<figure><img src="/files/Y2IXKoVC2226SAKp2vz3" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Function</th><th>Description</th></tr></thead><tbody><tr><td>Map width (1)</td><td>Width of the map area in percent or pixels.</td></tr><tr><td>Map height (2)</td><td>Height of the map area in pixels or vh.</td></tr><tr><td>Map style (3)</td><td>Choose the appearance of the map. Available are <strong>Standard</strong>, <strong>Humanitarian</strong>, <strong>Topo</strong>, <strong>Light</strong>, <strong>Dark</strong>, <strong>Voyager</strong>, <strong>Wikimedia</strong> and <strong>Satellite</strong>.</td></tr></tbody></table>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.rh-webdesign.com/cms-bundle/en/elemente/company/maps.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.