> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/purity-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/purity-theme/group-blocks/decorative/google-maps.md).

# Google maps

The **Map** block lets you display a prominent title to capture attention and introduce the section’s content. You can edit the text, adjust width, choose a heading level, and customize padding to fit your layout.

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FnNxhboZl95Th1tEqXlXi%2Fimage.png?alt=media&amp;token=52c65b4c-5fc2-4cf8-8280-60ab71ff720c" alt=""><figcaption></figcaption></figure>

## General settings

| Setting           | Description                                                                                                                                                                                         |
| ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Location**      | The common name of the location to be displayed (e.g., "New York"). This is typically used as a label or marker title.                                                                              |
| **Longitude**     | The longitudinal coordinate of the map's center point (e.g., -74.005974). Requires precise input for accurate positioning.                                                                          |
| **Latitude**      | The latitudinal coordinate of the map's center point (e.g., 40.712776). Requires precise input for accurate positioning.                                                                            |
| **Custom Height** | <p>Select the border style for this element. Available options:</p><ul><li><em><strong>None</strong></em> (no border)</li><li><em><strong>Solid</strong></em> (a continuous line border).</li></ul> |

{% hint style="success" %}
Refer to this article \[[here](https://support.google.com/maps/answer/18539?hl=en\&co=GENIE.Platform%3DDesktop)] for instructions on how to find the longitude and latitude of your location.
{% endhint %}

## **Appearance**

| Setting           | Description                                                                                                                                                                       |
| ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Corner Radius** | <p>Controls the rounding of the map block's corners:</p><ul><li>None (No rounding)</li><li>Custom (Allows you to set a specific radius).</li></ul>                                |
| **Custom Radius** | <p><em>Only visible when Corner Radius is Custom</em>.</p><p>Use the slider to set a specific corner radius for the map block, measured in pixels (px) (Range: 0px to 100px).</p> |

## Spacing

These settings control the external spacing (padding) applied directly above and below this specific block.

| Setting    | Description                                                                                                      |
| ---------- | ---------------------------------------------------------------------------------------------------------------- |
| **Top**    | Sets the amount of empty space (padding) above this button block. Measured in pixels (px) (Range: 0px to 100px). |
| **Bottom** | Sets the amount of empty space (padding) below this button block. Measured in pixels (px) (Range: 0px to 100px). |