Heatmap layer no zoom compensation (heatmap helper)

This example shows how to add a heatmap layer onto a map without adjusting the radius based on the zoom level. To achieve this, we utilize the heatmap layer helper. You can access the sample data by downloading the US schools example data.

By disabling the .zoomCompensation, we ensure that the size of the data points is solely determined by their corresponding property, rather than being influenced by the zoom level.

This heatmap map approach is particularly suitable for visualizations that are either fixed at a certain zoom level or have a limited range of zoom levels.

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.

Heatmap layer min and max zoom (heatmap helper)

Example

This example shows how set the min and max zoom of a heatmap layer 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.