---
title: "map · RUAL Documentation"
description: "Basic map"
canonical: https://docs.rual.nl/block-types/google%20maps/component_googlemaps_map
language: en
---

[Cluster](https://docs.rual.nl/cluster)

[Blocks](https://docs.rual.nl/block-types)

[Interfaces](https://docs.rual.nl/interfaces)

[Blueprints](https://docs.rual.nl/blueprints)

[Tutorials](https://docs.rual.nl/tutorials)

[Home automation](https://docs.rual.nl/home-automation)

[Examples](https://docs.rual.nl/examples)

[Reference](https://docs.rual.nl/reference)

[Architecture](https://docs.rual.nl/architecture)

[Troubleshooting](https://docs.rual.nl/troubleshooting)

Other

# map

This block is part of the [`google maps`](https://docs.rual.nl/block-types/google%20maps) group and was last modified in core [`v11.2.5`](https://docs.rual.nl/core-versions/110205).

Basic map

- Token required `value` Enter the google maps token

- Latitude required `number` The default center latitude location.

- Longitude required `number` The default center longitude location

- Zoom required `number` The default zoom level

- Map type `value` The type of map to display.

- Default UI `condition` When false, the default controls are hidden.

Default `true`

- Cluster Markers `condition` When true, all the markers on the map will be clustered together if they are close enough together.

- Cluster Max Zoom `number` When fully zoomed out max zoom is the amount of zoom levels you can zoom in on the map (so 20 is 20 clicks on the +)

Default `20`

- Cluster Grid Size `number` The grid size of a cluster in pixels.

Default `40`

- Cluster icons `array` An Array with MAX 5 images for the cluster icons. Items in array needs to be Array with values. IMAGES NEEDS TO BE SMALLER THAN 100PX

Default `[]`

- Cluster Text Color `value` Color of the cluster text

Default `black`

- Cluster Text Size `number` Size of the cluster text

Default `12`

- Draggable `condition` When false, you will not be able to drag the map.

Default `true`

- Map Type Control `condition` When false, you will not be able to toggle between map types • Hidden when other fields are filled

Default `true`

- StreetView Control `condition` Hidden when other fields are filled

Default `true`

- Zoom Control `condition` Hidden when other fields are filled

Default `true`

- Use scrollwheel `condition` Hidden when other fields are filled

Default `true`

- Background Color `value` This color will be visible when tiles have not yet loaded as the user pans.

- Cluster icons width `number` Set the width of the images • Shown when 'cluster-icons' is filled

Default `50`

- Cluster icons height `number` Set the height of the images • Shown when 'cluster-icons' is filled

Default `50`

- uicomponent `uicomponent`

A typical wiring for [map](https://docs.rual.nl/block-types/google%2520maps/component_googlemaps_map): [value](https://docs.rual.nl/block-types/value/value_default) feeds the `co-token` pin; [value](https://docs.rual.nl/block-types/value/value_default) feeds the `co-latitude` pin; [value](https://docs.rual.nl/block-types/value/value_default) feeds the `co-longitude` pin; [number](https://docs.rual.nl/block-types/number/number_default) feeds the `latitude` pin; [number](https://docs.rual.nl/block-types/number/number_default) feeds the `longitude` pin; [number](https://docs.rual.nl/block-types/number/number_default) feeds the `co-zoom` pin; the `uicomponent` out pin feeds [build PDF](https://docs.rual.nl/block-types/files/file_generate_pdf).

[![Studio canvas example for the map block: typical wiring for map.](https://docs.rual.nl/canvas-examples/component_googlemaps_map.png)](https://docs.rual.nl/canvas-examples/component_googlemaps_map.png?v=3)

## Version history

Introduced in [`v11.2.5`](https://docs.rual.nl/core-versions/110205).

- [Back to `google maps`](https://docs.rual.nl/block-types/google%20maps): Return to the main group to view all sub-groups

- [Back to `google`](https://docs.rual.nl/block-types/google%20maps?group=google): Return to the group to view all blocks within this group

Was this page helpful? [Tell us what to improve](https://docs.rual.nl/support) · RUAL Docs is an integral component of the [RUAL ecosystem](https://rual.nl)