A modern study React wrapper of marker cluster for react-leaflet
npm install 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
- Main
- Getting started
- API
- Credits
- License
``text`
dist/
└── index.min.js
`shell`
yarn add leaflet leaflet.markercluster react-leaflet
#### 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
#### 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(
center={[-22.2108112, -49.6771926]}
>
/>
)
}
`
You can see the properties in Leaflet.markercluster All Options
#### Example options
`jsx`
zoomToBoundsOnClick={false}
>
#### Example listeners
`jsx``
onMouseOver={e => console.log(e)}
>
All credits and rights to Yevhen Uzhva
of react-leaflet-markercluster