React component built on top of react-leaflet that integrates Leaflet.FreeDraw library.
npm install react-leaflet-freedraw
Please make sure that you go through Leaflet.FreeDraw readme before integrating this component.
You need to wrap this component into Map component and pass the options as shown below.
import { Map } from 'react-leaflet';
import Freedraw, { ALL } from 'react-leaflet-freedraw';
const Component = () => (
<Map>
<Freedraw
mode={ALL}
onMarkers={this.handleOnMarkers}
onModeChange={this.handleModeChange}
ref={this.freedrawRef}
/>
</Map>
);
It supports all the options mentioned in Leaflet.FreeDraw.
A detailed example of how to use this componenet is in the example folder of this repo. To run the example,
- Clone this repo
- Run
npm run example