> ## Documentation Index
> Fetch the complete documentation index at: https://docs.reelevant.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Map Component

> Embed Google Maps with configurable markers, location sources, and styling

<img src="https://mintcdn.com/reelevant/10tXeCE_biVlzX8s/images/contents/component-map-v2.png?fit=max&auto=format&n=10tXeCE_biVlzX8s&q=85&s=5bbd37a19d911b848af0827e990823f0" alt="Map component on the canvas showing a map with markers" width="1280" height="800" data-path="images/contents/component-map-v2.png" />

## Overview

The Map component embeds a Google Maps view into your content template. It can display a static address, coordinates from a [location datasource](/product-guide/datahub/overview), or the user's geolocation from a [workflow](/product-guide/workflows/overview).

| Property                  | Value                      |
| ------------------------- | -------------------------- |
| **Toolbar button**        | Map                        |
| **Supports data binding** | Yes — address, coordinates |
| **Supports conditions**   | Yes                        |

## Map Settings

| Property     | Description                                       |
| ------------ | ------------------------------------------------- |
| **Type**     | Roadmap, Terrain, Hybrid, or Satellite.           |
| **Language** | Map label language.                               |
| **Zoom**     | Zoom level (or **Automatic** to fit all markers). |
| **Style**    | Visual map style.                                 |

## Location Source

The map supports three location sources:

| Source          | Description                                                                                     |
| --------------- | ----------------------------------------------------------------------------------------------- |
| **Address**     | Use a fixed address or a variable that resolves to an address.                                  |
| **Datasources** | Use a location datasource. The map reads coordinates from its `rlvt_lat` and `rlvt_lng` fields. |
| **Geolocation** | Use the workflow geolocation coordinates.                                                       |

## Display Options

| Property              | Description                                                                                                                          |
| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
| **Display**           | Toggle map element visibility.                                                                                                       |
| **Point of interest** | Show or hide points of interest by type — Attraction, Business, Government, Medical, Park, Place of worship, School, Sports complex. |

## Markers

You can add multiple markers to the map:

| Property     | Description                                     |
| ------------ | ----------------------------------------------- |
| **Location** | The marker's position (address or coordinates). |
| **Label**    | Text label on the marker.                       |
| **Color**    | Marker color.                                   |
| **Icon**     | Custom icon image (64×64 max).                  |
| **Size**     | Tiny, Small, Mid, or Large.                     |

Click **Add marker** to add additional markers, or **Delete marker** to remove one.