GoogleMarkerClusterer

The GoogleMarkerClusterer component wraps @googlemaps/markerclusterer and clusters child Marker or AdvancedMarker components.

Storybook

Open the GoogleMarkerClusterer story

Props

PropTypeDescription
optionsOmit<MarkerClustererOptions, 'map' | 'markers'>Marker clusterer options.
markersMarker[]Optional marker instances to cluster. Child markers register automatically.
onClusterClickMarkerClustererOptions['onClusterClick']Cluster click handler.
onLoad(clusterer) => voidCalled after clusterer creation.
onUnmount(clusterer) => voidCalled before clusterer removal.

Usage

<GoogleMarkerClusterer>
  {#each locations as position}
    <Marker {position} />
  {/each}
</GoogleMarkerClusterer>
svelte