ol/interaction/Draw

Created

Created

2021 May 18 9:33

Tags

Tags

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(), });

Draw and Modify Features

https://openlayers.org/en/latest/examples/draw-and-modify-features.html

Draw and Modify Features

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.

Freehand Drawing

https://openlayers.org/en/latest/examples/draw-freehand.html

Freehand Drawing

Recommendations

/////////