# Map

### Map component

The map component allows you to view and interact with data that has geographical values:

![](/files/-MEXDHzLEa_0SVgxxqyS)

### Map data settings

Once you set up your data you need to configure the Location fields.

![](/files/-MESX_gphtm706xcEenz)

To add a Map to your page, follow the steps:

1. Drag and Drop the **Map** component to the page
2. Specify the **Data source**
3. Specify the **Latitude** and **Longitude** field

{% @arcade/embed flowId="9iL3PwbEezxKaq3DPuys" url="<https://app.arcade.software/share/9iL3PwbEezxKaq3DPuys>" %}

To do this, you must choose how to set the Location Storage: Latitude/Longitude fields (source data for latitude and longitude) or PostgreSQL format (PostgreSQL Geo Field).

Let's build an example like this:

{% @arcade/embed flowId="KmXrVbqBKGybotz5wkWy" url="<https://app.arcade.software/share/KmXrVbqBKGybotz5wkWy>" %}

Follow the steps:

1. Go to the `Actions` Tab
2. Choose the Card Click
3. Choose Open Modal
4. Specify the Modal
5. Open the Modal
6. Drag and Drop the Details Component to the Modal
7. Specify the Datasource and bind to the Map Component

{% @arcade/embed flowId="VVMueQyDa3NjcE1oIZQV" url="<https://app.arcade.software/share/VVMueQyDa3NjcE1oIZQV>" %}

More information about Display Settings, Search, and Action can be found in our documentation.

{% content-ref url="/pages/-MA3jHFbDtb4wavMqoIN" %}
[Lists](/user-guide/design-and-structure/components/lists.md)
{% endcontent-ref %}


---

# 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://docs.jetadmin.io/user-guide/design-and-structure/components/lists/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.