leaflet-lasso

leaflet-lasso

True lasso selection plugin for Leaflet. Demo

Supports all Leaflet vector layers:

• Marker
• CircleMarker
• Circle
• Polyline
• Polyline with multiple segments
• Rectangle
• Polygon
• Polygon with hole
• Polygon with multiple segments
• Polygon with multiple segments and holes

Selection modes:

• contain - default, entire shape must be in lasso polygon
• intersect - any part of shape can be in lasso polygon

Install

npm install leaflet-lasso
import "leaflet-lasso"

or

<script src="https://unpkg.com/leaflet-lasso@latest/dist/leaflet-lasso.min.js"></script>

Usage

Control

const lasso = L.control.lasso().addTo(map);
map.on('lasso.finished', (event) => {
    console.log(event.layers);
});

Handler

const lasso = L.lasso(map);
yourCustomButton.addEventListener('click', () => {
    lasso.enable();
});
map.on('lasso.finished', (event) => {
    console.log(event.layers);
});

Options

API

See TypeScript type definitions

Thanks

Icon by @Falke-Design