# 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](https://docs.gridmate.io/advanced-guides/actions-library) 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="https://4046919449-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MEsSbGy_U_OhthKUpxu%2Fuploads%2Fkvybu0MCrc0z669kE3lH%2FScreenshot%202026-02-25%20at%2018.28.29.png?alt=media&#x26;token=a05a801e-5d6e-43eb-8caa-9f45128ec13e" alt=""><figcaption></figcaption></figure>

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

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