> For the complete documentation index, see [llms.txt](https://docs.quaira.com/divi-rock-maps/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.quaira.com/divi-rock-maps/dynamic-map-module/dynamic-map-usage.md).

# Dynamic Map Usage

{% embed url="<https://youtu.be/heIL7WtP6wY>" %}

## Add the module&#x20;

Add Divi Rock Dynamic Map Module using Divi builder.

<div align="left"><figure><img src="/files/xTc5CAhTzJel0Huyd97q" alt=""><figcaption></figcaption></figure></div>

## Set a map center

Go to the Content section and select a map center type:

* First value: This option will center your map according to the coordinates of the first element you have added to this module.

<div align="left"><img src="/files/8nH7N53p29R5TCtiYGUb" alt=""></div>

* Manual: This mode lets you add a custom latitude and longitude for positioning your map at a specific center location.<br>

  <div align="left"><figure><img src="/files/NOzdwHdiABeTV4x0qDCx" alt=""><figcaption></figcaption></figure></div>

## Set a map zoom&#x20;

This option lets you manually adjust the zoom on which your map will load by default.<br>

<div align="left"><figure><img src="/files/oOinIRkBi4B95JbYvLA1" alt=""><figcaption></figcaption></figure></div>

## Select a map post type

Here you should select the post type which you have chosen for creating your map items.<br>

<div align="left"><figure><img src="/files/Z49x3hyMF2DQ9ymiwDc1" alt=""><figcaption></figcaption></figure></div>

## Select your coordinates&#x20;

Select the ACF fields which have your latitude and longitude coordinates.

<div align="left"><img src="/files/zuVy4BRpXOA2yf1vnA07" alt=""></div>

## Add your popup fields

Add as many popup fields as you may want to show up on every pin map marker on your map:

### Add a new popup

<div align="left"><img src="/files/jupQ2lyRXNzTwKLKYmFR" alt=""></div>

### Configure your popup fields

* Popup type: You can show ACF custom fields or taxonomies. Each of them needs to exist at your post type for the data to be retrieved.
* Popup icon: This is the icon that will show up next to the popup field you are creating
* Popup show label: This lets you choose if you want to have a popup label for your popup field.
* Popup label: Your popup label text.
* Popup value: This is the ACF or taxonomy from which our module will retrieve the data to show in your popup field.

<div align="left"><img src="/files/02Avj1IayXJZQPJ7IDe1" alt=""></div>

### Customize your popup fields

If you want, customize a specific popup field setting by selecting its design tab.

\
![](/files/9wRDXl6sB1NEZXorKIuH)

## Set a map height

Go back to your main content, head over to the Design tab and set a custom height for your map\
![](/files/q8hg3yZ0owPRZ7hbkfGV)

## Save changes

Save changes and publish.


---

# 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:

```
GET https://docs.quaira.com/divi-rock-maps/dynamic-map-module/dynamic-map-usage.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.