Custom Marker Clustering

Marker clustering for many markers using `supercluster`. This method is preferable for performance when working with large datasets.

Custom Marker Clustering

This example loads a GeoJSON file and uses the supercluster library together with <AdvancedMarker> components for fast and fully customizable clustering of the features. It requires a lot more code

The data shows all features from the OSM database for castles that are also tagged as tourist attractions.

0 Features loaded
0 Markers rendered

Data: OpenStreetMap via overpass API.

Icon: Castle by Rikas Dzihab from Noun Project (CC BY 3.0)

About

Custom Marker Clustering requires three additional dependencies - supercluster, geojson and @solid-primitives/keyed.

Installation

npm i supercluster @types/supercluster geojson @types/geojson @solid-primitives/keyed