# Bubble map

## Overview

A map to display the coordinates with the additional statistic data. The component supports custom coordinates and zoom levelling.

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2FGdKK5sz4xUd2SCGWIwGC%2FCleanShot%202025-07-16%20at%2012.31.17%402x-min.png?alt=media&#x26;token=a1efea30-7535-454b-bf51-409c7f2dae20" alt=""><figcaption></figcaption></figure>

### Properties

| Name   | Type     | Description    |
| ------ | -------- | -------------- |
| `name` | `string` | Component name |

### Methods

<table><thead><tr><th width="119.3671875">Name</th><th width="145.765625">Parameters</th><th width="98.4296875">Returns</th><th>Description</th></tr></thead><tbody><tr><td><code>setData</code></td><td><code>data: object</code></td><td><code>void</code></td><td><p>Set component data. Data is an array of points with the following structure: </p><p><code>{</code> </p><p><code>name: string;</code></p><p><code>color?: string;</code></p><p><code>value: number;</code></p><p><code>latitude: number;</code></p><p><code>longitude: number;</code> </p><p><code>}</code></p></td></tr></tbody></table>

### Triggers

<table><thead><tr><th width="154.5234375">Name</th><th>Description</th></tr></thead><tbody><tr><td><strong>On Init</strong></td><td>Triggered when the component is initialized</td></tr></tbody></table>