React Leaflet Draft

> A modern study React component of leaflet draw for react-leaflet
>
!Version
!Project Size
!Dependencies
!Licence

React component of leaflet-draw
for react-leaflet

!React leaflet Draft

Table of contents

- Main
- Getting started
- API
- License

Main

``text
dist/
└── index.min.js
`

Getting started

$3

`shell
yarn add leaflet leaflet-draw react-leaflet
`

$3

#### For React 17 with React Leaflet 3

`shell
yarn add react-leaflet-muster@ˆ1.2.1
`

#### For React 18 with React Leaflet 4

`shell
yarn add react-leaflet-muster@latest
`

$3

#### Basic Example

`jsx



`

#### Full Example

`jsx
import { DraftControl } from "react-leaflet-draft";
import { MapContainer, TileLayer, Marker, FeatureGroup } from "react-leaflet";

function Map() {
return(
zoom={14}
center={position}
>
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
/>




)
}
`

API

You can see the properties in Leaflet-draw Documentation

#### Example options

`jsx
draw={{
circle: true,
rectangle: true
}}
edit={{
edit: false
}}
translate={{
toolbar: {
buttons: {
circle: 'Circle'
}
}
}}
limitLayers={2}
/>
`

#### Example listeners

`jsx
onEdited={e => console.log(e)}
onDeleted={e => console.log(e)}
onCreated={e => console.log(e)}
/>
``

License

ISC © Giovane Santos