# Cluster

# Cluster your markers

To cluster objects you simply wrap your markers with the cluster component.

      style="width: 500px; height: 300px"
          v-for="(m, index) in markers"
export default {
  name: 'App',
  data() {
    return {
      center: {lat: 51.093048, lng: 6.842120},
      markers: [
          position: {
            lat: 51.093048, lng: 6.842120
        , // Along list of clusters

# Props

The following props can be passed to control behavior of clusters.

# minimumClusterSize

Defines the minimum distance of markers to cluster them


# styles

With styles prop, you can control style and icon of clusters.


# zoomOnClick

Defines whether clusters should zoom in, when clicked.