Heatmap layer custom radius (heatmap helper)

This example shows how to add a heatmap layer to the map by utilizing the heatmap layer helper, along with a customized zoom-ramping radius. You can access the sample data by downloading the US schools example data.

The radius, which can be adjusted based on custom properties, is also internally adjusted in conjunction with zoom values.

Related examples

Create a heatmap layer

Example

This example uses SDK JS to visualize the frequency of US schools by location using a heatmap layer.

Heatmap layer (heatmap helper)

Example

This example shows how to add a heatmap layer to the map using the heatmap layer helper.

Point layer cluster (point helper)

Example

This example shows how to add a point layer cluster to the map using the point layer helper with the default values.

Heatmap layer radius and weight by property (heatmap helper)

Example

This example shows how to add a heatmap layer to the map, simultaneously controlling the radius and weight based on a property using the heatmap layer helper.

An extension of MapLibre GL JS