Drawing tools

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();
...