Display HTML clusters with custom properties

This advanced example showcases the implementation of MapTiler SDK JS clustering by using HTML markers and custom property expressions. To substitute a MapTiler layer with HTML or SVG for clusters, it is necessary to manually synchronize the clustered source with a collection of marker objects that consistently update as the map view changes.

Related examples

Create and style clusters

Example

Use SDK JS built-in functions to visualize points as clusters.

Point filtering by property

Example

Filter thousands of features in real time to quickly and easily find those with a property that meets your search criteria.

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.