react-leaflet-craft

React Component for leaflet-craft

Usage no npm install needed!

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

README

npm version

react-leaflet-craft

React component built on top of react-leaflet that integrates Leaflet-Craft library.

Install

npm install react-leaflet-craft

Make sure that you have the following peer dependencies installed.

npm install leaflet react-leaflet leaflet-craft ramda react react-dom

Getting started

Please make sure that you go through Leaflet-Craft 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-craft';

const Component = () => (
  <Map>
    <Freedraw
      mode={ALL}
      onMarkers={this.handleOnMarkers}
      onModeChange={this.handleModeChange}
      ref={this.freedrawRef}
    />
  </Map>
);

It supports all the options mentioned in Leaflet-Craft.

A detailed example of how to use this component is in the example folder of this repo. To run the example,

  1. Clone this repo
  2. Run npm i
  3. Run npm run example