SelectionSelection

Select one or more features to edit, delete, or transform.

Selection is the starting point for most editing operations. You cannot vertex-edit, transform, run boolean operations, or delete a feature without selecting it first.

Single selectionSingle selection

Click any feature on the map. The feature highlights and its properties open in the side panel. Clicking a different feature deselects the current one and selects the new one.

Multi-selectionMulti-selection

Add to selection: Shift+click an additional feature. Each Shift+click toggles that feature in or out of the selection.

Lasso selection: Shift+drag on empty map space to draw a rubber-band rectangle. All features with any part inside the rectangle are added to the selection when you release.

Select all: Cmd+A (macOS) or Ctrl+A (Windows/Linux) selects every feature currently on the map.

DeselectingDeselecting

• Press Escape to deselect everything and return to an idle state
• Click on empty map space to deselect all features

Keyboard operations on selected featuresKeyboard operations on selected features

Dragging selected featuresDragging selected features

Hold Cmd (macOS) or Ctrl (Windows / Linux) and drag any selected feature to move it. If multiple features are selected, all of them move together, preserving their relative positions. The cursor changes to a move-cursor while the modifier is held to confirm drag mode is armed.

Element Editor uses Cmd/Ctrl-drag rather than plain drag to avoid conflicting with map panning — without the modifier, dragging on a feature pans the map, which matches Leaflet's default behaviour.

Context menuContext menu

Right-click a feature on the map (or its row in the layer list) to open the context menu. Available actions:

• Zoom to feature — layer-list menu only, the first item. Flies the map to the feature: points at street level, other shapes to fit their bounds. (Clicking a row only pans to a point.)
• Edit properties — opens the property form for that feature
• Duplicate — creates a copy offset from the original
• Delete — removes the feature
• Hide / Show on map — toggles visibility without deleting (layer-list menu only)
• Group / Ungroup — assigns the feature to a group or removes it

Area and line additions:

• Simplify shape, Smooth shape, Buffer — same actions as the editing toolbar (Polygon, MultiPolygon, LineString, MultiLineString)

Area-only additions:

• Cut hole, Slice shape — same actions as the editing toolbar
• Center point — drops a new Point feature at the polygon's centroid (computed via @turf/centroid — vertex-mean). Useful for labelling, attaching POIs, or seeding a new measurement. The new point inherits the source polygon's group and is named "<source name> center" when the source has a name.

Multi/MultiPolygon additions:* Break apart is also available.

The context menu is available in single-selection mode. Right-clicking in multi-selection shows a reduced set of actions that apply to all selected features (including Merge when 2+ are selected).

The onSelectionChange callback

The adapter packages expose an onSelectionChange prop that fires whenever the selection changes:

onSelectionChange?: (ids: string[]) => void

This fires with the current array of selected feature IDs. It is independent of onChange — selection changes do not trigger onChange.

<ElementEditorControls
  onSelectionChange={(ids) => {
    console.log('Selected feature IDs:', ids)
  }}
/>

Read-only modeRead-only mode

In readonly mode, selection continues to work normally. Clicking features selects them and opens their properties. All editing actions (delete, drag, vertex edit, transform, boolean operations) are disabled, but the selection state and onSelectionChange callback still function.