freehand
measure
Draw and Modify Features
import 'ol/ol.css'; import Map from 'ol/Map'; import View from 'ol/View'; import {Circle as CircleStyle, Fill, Stroke, Style} from 'ol/style'; import {Draw, Modify, Snap} from 'ol/interaction'; import {OSM, Vector as VectorSource} from 'ol/source'; import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer'; var raster = new TileLayer({ source: new OSM(), });
https://openlayers.org/en/latest/examples/draw-and-modify-features.html
Measure
main.js import 'ol/ol.css'; import Draw from 'ol/interaction/Draw'; import Map from 'ol/Map'; import Overlay from 'ol/Overlay'; import View from 'ol/View'; import {Circle as CircleStyle, Fill, Stroke, Style} from 'ol/style'; import {LineString, Polygon} from 'ol/geom'; import {OSM, Vector as VectorSource} from 'ol/source'; import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer'; import
https://openlayers.org/en/latest/examples/measure.html
Freehand Drawing
This example demonstrates the ol/interaction/Draw in freehand mode. During freehand drawing, points are added while dragging. Set freehand: true to enable freehand mode. Note that freehand mode can be conditionally enabled by using the freehandCondition option. For example to toggle freehand mode with the Shift key, use freehandCondition: shiftKeyOnly.
https://openlayers.org/en/latest/examples/draw-freehand.html