Cluster

Description

This is a container of Marker components. The only special behavior is that when markers are too close to each others they merge and into a single one and the number of markers merged is displayed as a label.

This was implemented using Maker Clusterer v3 you can check the documentation if you need more information about the parameters.

If you don't have time to read their documentation, the more important property is the gridSize it defines how close two marker must be to be merged into a single one.

Properties

• maxZoom (1w)
• calculator (1w)
• gridSize (1w)
• styles (1w)

Events

No events

Allowed components as a child

• Marker: All markers inside a cluster will be merged if too close

All other children will be rendered with no special behavior

Example

<cluster :gridSize="50">
  <marker :position="{lat: 0, lng:0}"></marker>
  <marker :position="{lat: 1, lng:0}"></marker>
</cluster>