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.

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

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

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

[
    {
        "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:

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

The around search unit could be km or mi.

Mass/Record action Global can be configured based on requirement. We support quick actions or call a flow actions.

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.

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.

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