React Leaflet Muster

> A modern study React wrapper of marker cluster for react-leaflet

React wrapper of Leaflet.markercluster
for react-leaflet
based in react-leaflet-markercluster

!React leaflet markercluster

Table of contents

- Main
- Getting started
- API
- Credits
- License

Main

``text
dist/
└── index.min.js
`

Getting started

$3

`shell
yarn add leaflet leaflet.markercluster react-leaflet
`

$3

#### For React 17 with React Leaflet 3

`shell
yarn add react-leaflet-muster@ˆ1.0.3
`

#### For React 18 with React Leaflet 4

`shell
yarn add react-leaflet-muster@^2.0.1
`

$3

#### Basic Example

`jsx




`

#### Full Example

`jsx
import "leaflet/dist/leaflet.css";

import { MarkerMuster } from "react-leaflet-muster";
import { MapContainer, TileLayer, Marker } from "react-leaflet";

function Map() {
return(
zoom={14}
center={[-22.2108112, -49.6771926]}
>
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
/>





)
}
`

API

You can see the properties in Leaflet.markercluster All Options

#### Example options

`jsx
showCoverageOnHover={false}
zoomToBoundsOnClick={false}
>



`

#### Example listeners

`jsx
onCLick={e => console.log(e)}
onMouseOver={e => console.log(e)}
>



``

Credits

All credits and rights to Yevhen Uzhva
of react-leaflet-markercluster

License

ISC © Giovane Santos