---
title: "Point layer cluster (point helper) | JavaScript maps SDK"
description: "Add clustered point layer using MapTiler point helper."
---
# Point layer cluster (point helper)
This example showcases how to generate a cluster map using the point layer helper with its default configurations. To replicate this example, download the [US schools sample data](../../assets/schools.geojson).
If your map contains a layer with a significant number of points, you have the option to configure clustering, which aids in visually extracting valuable information from your data. This is where a **cluster map**, also referred to as a bubble map, proves to be beneficial.
When you activate clustering, point features that are a certain distance apart on the screen are grouped into a cluster. The size of the cluster or bubble corresponds to the number of markers it contains. By zooming in closer on your map, you can view the individual points and interact with them.
Cluster maps are an excellent tool for determining the quantity of data points located within a specific region. If you need to measure density, a [heat map](https://docs.maptiler.com/sdk-js/examples/helper-heatmap-minimal/) is also highly effective and can incorporate your numeric values.
By default, the label is displayed, indicating the number of elements contained within each cluster.
### NPM module setup
```bash
npm install --save @maptiler/sdk
```
#### main.js
```js
import { Map, MapStyle, config, helpers } from '@maptiler/sdk';
import '@maptiler/sdk/dist/maptiler-sdk.css';
config.apiKey = 'YOUR_MAPTILER_API_KEY_HERE';
const map = new Map({
container: 'map',
zoom: 3.2,
center: [-98.84, 38.28],
style: MapStyle.DATAVIZ.LIGHT
});
map.on('load', async function () {
await helpers.addPoint(map, {
data: 'schools.geojson',
cluster: true,
});
});
```
#### index.html
```html
Point layer cluster (point helper) | NPM example
```
#### style.css
```css
body {margin: 0; padding: 0;}
#map {position: absolute; top: 0; bottom: 0; width: 100%;}
```
### Basic JavaScript setup
```html
Point helper
```
## Related examples
### [HTML clusters with custom properties](https://docs.maptiler.com/sdk-js/examples/cluster-html/)
Examples
Enhance map clustering using HTML markers and custom expressions.
### [Point layer (point helper)](https://docs.maptiler.com/sdk-js/examples/helper-point-minimal/)
Examples
Add minimal point layer using MapTiler point helper.
### [Heatmap layer (heatmap helper)](https://docs.maptiler.com/sdk-js/examples/helper-heatmap-minimal/)
Examples
Quickly add a heatmap layer using the heatmap helper.
### [Point filtering by property](https://docs.maptiler.com/sdk-js/examples/point-filtering/)
Examples
Filter features in real time by property.