Openlayers Editor

Travis badge

OpenLayers Editor (OLE) is based on OpenLayers and provides a set of controls for extended editing of spatial data.

Contributions are welcome! Feel free to add more controls and to extend the current functionality. Additionally, the build process is currently very basic and could be optimized. Translations would be nice, too.


  • CAD tool for geometry alignment
  • Drawing line, point and polygon features
  • Moving and rotating geometries
  • Modifying geometries
  • Deleting geometries
  • Topology operations using JSTS: buffer, union, intersection, difference
  • Toolbar for activating and deactivating controls


For a demo, visit https://openlayers-editor.geops.de.


  • node & npm

Getting started

  • Clone this repository
  • Install: npm install
  • Run: npm start
  • Open your browser and visit http://localhost:5000


var editor = new ole.Editor(map);

var cad = new ole.control.CAD({
  source: editLayer.getSource()

var draw = new ole.control.Draw({
  source: editLayer.getSource()

editor.addControls([draw, cad]);


  • Build: npm run build
  • Create doc: npm run-script doc