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 64
Name Type Description
map module:cercaliagl/Map~Map

Methods

disable()

interaction/Draw.js, line 278

Disable interaction.

disableSnap()

interaction/Draw.js, line 312

Disables snap.

enable(type, callbackFn)

interaction/Draw.js, line 215

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 304

Enables snap.

isActive(){boolean}

interaction/Draw.js, line 296

Return true if interaction is active. Else false.