Class: Draw

cercaliagl.interaction/Draw


Provides draw interaction. It is possible to draw different geometry types. Geometry types available are:

  • - cercaliagl.interaction.Draw.Type.POINT
  • - cercaliagl.interaction.Draw.Type.LINE
  • - cercaliagl.interaction.Draw.Type.POLYGON
  • - cercaliagl.interaction.Draw.Type.RECTANGLE

This interaction can be accessed via map object and draw a feature: 

const map = new cercaliagl.Map({ target: 'map', controls: []});
const drawInteraction = map.getDrawInteraction();
drawInteraction.enable(cercaliagl.interaction.Draw.Type.POLYGON, function(data) {
  console.log('Geometry', data.geometry);
});

new Draw(map)

interaction/Draw.js, line 73
Name Type Description
map module:cercaliagl/Map~Map

Methods

disable()

interaction/Draw.js, line 291

Disable interaction.

disableSnap()

interaction/Draw.js, line 325

Disables snap.

enable(type, callbackFn)

interaction/Draw.js, line 229

Enable interaction gived a geometry type. Geometry types available are: point, line, polygon, rectangle.
You can access them via:

  • cercaliagl.interaction.Draw.Type.POINT
  • cercaliagl.interaction.Draw.Type.LINE
  • cercaliagl.interaction.Draw.Type.POLYGON
  • cercaliagl.interaction.Draw.Type.RECTANGLE

Optionally you can specify a callback function. Callback function received feature as parameter.
Name Type Description
type string

Type
callbackFn function

enableSnap()

interaction/Draw.js, line 317

Enables snap.

isActive(){boolean}

interaction/Draw.js, line 309

Return true if interaction is active. Else false.