Package Exports
- leaflet-paintpolygon
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (leaflet-paintpolygon) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
leaflet-paintpolygon
Create polygon on leaflet map like Paint[brush]! Choose your brush size and draw ! Or erase... Mobile and desktop compatible, based on turf.js.
Turf packages are already included in dist js.
Use it
L.control.paintPolygon().addTo(map)
Options
options: {
position: 'topright', // position of the control
radius: 30, // radius on start (pixel)
minRadius: 10, // min radius (pixel)
maxRadius: 50, // max radius (pixel)
layerOptions: {}, // path style of drawed layer (see: https://leafletjs.com/reference-1.3.0.html#path-option)
drawOptions: { // path style on draw (see: https://leafletjs.com/reference-1.3.0.html#path-option)
weight: 1
},
eraseOptions: { // path style on erase (see: https://leafletjs.com/reference-1.3.0.html#path-option)
color: '#ff324a',
weight: 1
},
menu: { // Customize menu, set to false to prevent adding control UI on map, you need to build your own UI (on map or not)
drawErase: true,
size: true,
eraseAll: true
}
}
External control
Add menu: false
in options object to prevent UI creation and bind your own UI to controls methods. See below for API and this example.
API
setRadius(radius)
: set radius of circle (in pixel)startDraw()
: start drawingstartErase()
: start erasingstop()
: stop drawing or erasingeraseAll()
: erase all...getData()
: return feature as GeoJSONsetData(data)
: set the feature as GeoJSONgetLayer()
: return GeoJSON layer