A pigeon-maps component that clusters your markers
npm install pigeon-clusterpigeon-cluster was designed to be easy to use in your application:
``
$ npm install pigeon-cluster --save
`
import Map from 'pigeon-maps'
import Cluster from 'pigeon-cluster'
import Marker from 'pigeon-marker'
const coordinates = [
[lat,lng],
[lat,lng],
[lat,lng]
...
]
zoom={4}
width={600}
height={400}>
{
coordinates.map(coordinate =>
}
`
This library used optimized data-structures for handling the cluster complexity for you. In order for this to work you must set a key attribute to any child component you pass down to the Cluster component. If you don't know what to use as a key and your points are uniquer, you could use the coordinate itself as a key in the following way:
`
const coordinate = [34.50,5.3333]
const key = coordinate.toString() // '34.5,5.3333'
const marker =