# Map List

GridMate offers a convenient feature that allows users to map multiple records for any object (Standard or Custom). The **GM - Map List** component provides and list view to filter records and take mass/record actions.

In this tutorial, we will show how to configure The **GM** - **Map List** component to map the accounts based on the billing address**.**

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

To make sure having only geocoded accounts,  we used the filter below:

```json
{
    "BillingLatitude": {
        "operator": "!=",
        "value": null
    }
}
```

The **Marker Coloring** configuration used in this demo is based on the account type. See below:

```json
[
    {
        "color": "#75c452",
        "exp": {
            "Type": {
                "operator": "=",
                "value": "Customer"
            }
        }
    },
    {
        "color": "#f2b016",
        "exp": {
            "Type": {
                "operator": "=",
                "value": "Prospect"
            }
        }
    },
    {
        "color": "#4d94ff",
        "exp": {
            "Type": {
                "operator": "=",
                "value": "Partner"
            }
        }
    },
    {
        "color": "#663399",
        "exp": {
            "Type": {
                "operator": "=",
                "value": "Reseller"
            }
        }
    }
]
```

For search around, we use GeoApify with maximum radius of 500km. See below:

```json
{
    "unit": "km",
    "distance": "500",
    "autoComplete": {
        "autoCompleteHandler": "GeoApifyAutoCompleteHandler"
    }
}
```

{% hint style="info" %}
The around search unit could be **km** or **mi**.
{% endhint %}

{% hint style="info" %}
[Mass/Record action](/advanced-guides/actions-library.md) Global can be configured based on requirement. We support quick actions or call a flow actions.
{% endhint %}

Below is a quick demo of **Map Explorer** where the user can see visualize accounts, search, filter and navigate around without leaving the record page. We can also edit the records and trigger quick actions like mass assign based on the trigger.

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

## Custom Icon (SVG)

To enable the **Custom Icon** feature, simply navigate to **Setup** and follow these steps:

1. Go to **Static Resources** and click **New**.
2. Set a **Name** for your resource.
3. Upload your **SVG file**.
4. Set the cache control to **Public**.
5. Click **Save**.

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

Below is a step-by-step guide to configure the **Custom Icon** feature 👇

{% embed url="<https://youtu.be/gT88X8-XF1I>" %}


---

# 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.gridmate.io/product-tour/map-list.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.