{"repo":"yuzhva/react-leaflet-markercluster","free":true,"listed":false,"github":"https://github.com/yuzhva/react-leaflet-markercluster","clone":"git clone https://github.com/yuzhva/react-leaflet-markercluster.git","description":"React wrapper of the official Leaflet.markercluster for react-leaflet","language":"JavaScript","stars":330,"topics":["leaflet","markercluster","react"],"license":"MIT","category":"ui-components","readme_excerpt":"React leaflet markercluster React wrapper of Leaflet.markercluster for react-leaflet Examples with the Documentation: https://yuzhva.github.io/react-leaflet-markercluster/ CodeSandbox Getting Started Description If you are faced with an issue with markers or polygons overlapping during map zooming, or they are overlapping because they are close to each other - you probably need to group them. That is what you can do with react-leaflet-markercluster . Just grab your markers or ClusterableRegions inside component, right after : Note: Before getting started, please see these useful guides: - Leaflet Quick Start Guide. - react-leaflet Installation. Table of Contents - Getting started - API - How to run DEV env - Contributors ✨ - Contributing - License Getting started 1. Install package: The react-leaflet-markercluster requires leaflet.markercluster as peerDependency (Leaflet and react-leaflet also should be installed) 2. Import markercluster and leaflet styles: Or include CSS styles directly to the head of HTML file: 3. Write some simple react-leaflet Map: NOTE: Remember to add map styles .markercluster-map { height: 90vh; } . 4. Just put your markers or ClusterableRegions inside component, right after : More examples with the Documentation CodeSandbox Getting Started API Just pass whatever option you need from All Leaflet.markercluster Options to MarkerClusterGroup as prop . For example: or: P.S: Examples for v1 are available at CHANGELOG.md Event listeners You are able to add a","default_branch":null,"files":null,"tree":[],"storefront":"/r/yuzhva","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/yuzhva/react-leaflet-markercluster/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}