A custom Control library for line/area measurements using openlayers.
$ npm i ol-measurementImport style.
<link rel="stylesheet" href="node_modules/ol-measurement/style.css" />or
import "ol-measurement/style.css";Create measurement layer. You must set id for layer.
const measurementLayer = new VectorLayer({
source: new Vector(),
});
measurementLayer.set("id", "measurement-layer");Create and add control.
const measurement = new Measurement({});
const map = new Map({
target: "map",
controls: defaultControls().extend([new FullScreen(), measurement]),
layers: [
new TileLayer({
source: new OSM(),
}),
measurementLayer,
],
view: new View({
center: [0, 0],
zoom: 2,
}),
});