#Marker cluster unpkg how to
#Marker cluster unpkg install

The Clusterer can handle 10,000 or even 50,000 markers (in chrome). This advanced example uses MapLibre GL JS clustering with HTML markers and custom property expressions.

unspiderfy: Unspiderfies a cluster (opposite of spiderfy).

spiderfy: Spiderfies the child markers of this cluster.

getAllChildMarkers: Returns the array of total markers contained within that cluster.

getChildCount: Returns the total number of markers contained within that cluster.

By default, they are ) Other clusters methods

spiderLegPolylineOptions: Allows you to specify PolylineOptions to style spider legs.

removeOutsideVisibleBounds: Clusters and markers too far from the viewport are removed from the map for performance.

( Note: the spiderfy occurs at the current zoom level if all items within the cluster are still clustered at the maximum zoom level or at zoom specified by disableClusteringAtZoom option)

spiderfyOnMaxZoom: When you click a cluster at the bottom zoom level we spiderfy it so you can see all of its markers.

zoomToBoundsOnClick: When you click a cluster we zoom to its bounds.

showCoverageOnHover: When you mouse over a cluster it shows the bounds of its markers.

addLayer ( markers ) Options Defaultsīy default the Clusterer enables some nice defaults for you:

#Marker cluster unpkg how to

Or check out the custom example for how to customise the behaviour and appearance of the clusterer UsageĬreate a new MarkerClusterGroup, add your markers to it, then add it to the map The realworld example is a good place to start, it uses all of the defaults of the clusterer. To check the code for errors and build Leaflet from source, run jake.

#Marker cluster unpkg install

Install jake npm install -g jake then run npm install (not needed if you use your own iconCreateFunction instead of the default one).In each case, use files in the dist folder: Use unpkg CDN: Install with npm: npm install leaflet.markercluster.Include the plugin CSS and JS files on your page after Leaflet files, using your method of choice: Provides Beautiful Animated Marker Clustering functionality for Leaflet, a JS library for interactive maps.įor a Leaflet 0.7 compatible version, use the leaflet-0.7 branchįor a Leaflet 0.5 compatible version, Download b128e950įor a Leaflet 0.4 compatible version, Download the 0.2 release Table of Contents