react-leaflet-geojson-cluster

react geojson cluster component

Usage no npm install needed!

<script type="module">
  import reactLeafletGeojsonCluster from 'https://cdn.skypack.dev/react-leaflet-geojson-cluster';
</script>

README

react-leaflet-geojson-cluster

NPM

npm install react-leaflet-geojson-cluster

view demo

example

import React from 'react';
import { Map, TileLayer } from 'react-leaflet';
import GeoJsonCluster from 'react-leaflet-geojson-cluster';

const map = <Map id="map" center={[30.25, -97.75]} zoom={13}>
  <TileLayer
    url='https://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png'
    attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
    />
  <GeoJsonCluster data={your_geojson} />
</Map>;

React.render(map, document.getElementById('map-container'));

License

MIT