With the aid of the viewer's graphic object, you can have users drawing graphic features directly on the viewer.
In this example four custom tools are created and added to the viewer's toolbar. The tools are used to draw points, lines, polygons and to clear the graphic layer.
Additionally, after the feature has been drawn, its OGC Simple Feature WKT (well-known text) is displayed in the box below the map.
The code:
// point tool new giscloud.ui.Toolbar.Tool("pointTool", { instant: true, styles: { caption: "Point", showCaption: true, cssClass: "mytool", active: "mytool-active", hover: "mytool-hover" }, actions: { activation: function (viewer) { // start drawing viewer.graphic.draw("point", function (feat) { // output wkt outputOgcWkt(feat.geometry().toOGC()); } ); } } } ) // line tool ... viewer.graphic.draw("line", ... // polygon tool ... viewer.graphic.draw("polygon", ... // clear tool ... viewer.graphic.clear(); ...