Draw widget

The Draw widget allows you to create graphics that display on the map. It optionally adds line distance or polygon area to the feature as text.

The Draw widget enables end users to draw basic graphics and text onto the map. It provides basic sketching and redlining functionality for the web application. It also displays some measurements (if configured) for drawn features, such as lengths for lines, and areas and/or perimeters for polygons. When the widget initially activates, a dialog box shows containing 11 feature creation tools. From left to right, they are as follows:

  • Point
  • Line
  • Polyline
  • Freehand Line
  • Triangle
  • Rectangle
  • Circle
  • Ellipse
  • Polygon
  • Freehand Polygon
  • Text
Draw tools

Configuring the Draw widget

The Draw widget can be set to open automatically when apps start. To do so, click the dot on the widget to turn it dark green.

  1. Click the edit widget icon edit iconto open the configuration properties dialog box.
  2. By default, all supported untis display on the Distances and Areas tabs.
    1. Select the unit on the distance or area. The abbreviation and conversion factor are not editable.
      Draw distance configuration
      Draw area configuration
    2. The units can be ordered, allowing the user to control the order in which they display on the panel. Click the up or down arrowUp/down arrows under the Actions column to modify the order.
    3. To delete a unit of measurement, click Close under the Actions column.
    4. To add a unit of measurment, select Add Distance or Add Area from the Distances or Areas tab (respectively).
  3. Check the Add the drawing as an operational layer of the map if needed.
  4. Click OK to close the dialog box.

Using the Draw widget

  1. Select the desired drawing mode by clicking the symbol type.
  2. Optionally, change the symbol for the feature using the symbol picker in the Draw widget.
    1. For point symbols, select the marker category (different symbols are available in each category), size, color, transparency, outline color, and outline width of the symbol. Only the size is available for the picture marker symbols.
      Basic point symbol editor
      Picture point symbol editor
    2. For line symbols, select a pre-defined symbol from the box. You may also customize the color, style, transparency, and width of the symbol. Click Show Measurements and select the Distance Units to display the measurement with the line.
      Line symbol editor
    3. For polygon symbols, select a pre-defined symbol from the box. You may also customize the fill color, transparency, outline color, and outline width of the symbol. Click Show Measurements and select the Area Units and Distance Units to display the measurement with the polygon.
      Polygon symbol editor
    4. For text symbols, enter the Text to be drawn, and select a font color and size for the symbol.
      Text symbol editor
  3. Draw features and texts on the map.
  4. If the Add the drawing as an operational layer of the map option is checked, open Layer List widget, you will see Draw_Results layer.
  5. Click Undo or Redo to undo or redo the drawing features. Click Clear to remove all of them.