Draw widget

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

The Draw widget enables end users to draw simple graphics and text on the map. It provides basic sketching and redlining functionality for the web app. It also displays some measurements (if configured to do so) for drawn features, such as length for lines, and area and perimeter for polygons. When the widget initially opens, a dialog box appears that contains 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

Configure the Draw widget

The Draw widget can be set to open automatically when an app starts. To enable this feature, click the dot on the widget, which turns it dark green.

To configure the Draw widget, complete the following steps:

  1. Click the Draw widget icon edit icon to open the configuration properties dialog box.

    By default, all supported units appear on the Distances and Areas tabs.

  2. Set the distance or area units.
    1. Select the unit for the distance or area. The abbreviation and conversion factor are not editable.
      Draw distance configuration
      Draw area configuration
    2. Optionally change the order of the units. Click the up or down arrow Up/down arrows of the unit in the Actions column to modify the order.
    3. To delete a unit of measure, click the close button Close of the unit in the Actions column.
    4. To add a unit of measure, select Add Length Unit or Add Area Unit on the Distances or Areas tab, respectively.
  3. Check Add the drawing as an operational layer of the map if needed.
  4. Click OK to close the dialog box.

Use the Draw widget

To get started with the Draw widget, complete the following steps:

  1. Click the symbol type to select the drawing mode.
  2. Optionally change the symbol for the feature using the symbol picker.
    1. For point symbols, select the marker category (different symbols are available in each category) to set the size, color, transparency, outline color, and outline width of the symbol. Only the size category is available for picture marker symbols.
      Basic point symbol editor
      Picture point symbol editor
    2. For line symbols, select a predefined symbol from the box. You can also customize the color, style, transparency, and width of the symbol. Click the Show Measurements check box and select the Distance Units to display the measurement with the line.
      Line symbol editor
    3. For polygon symbols, select a predefined symbol from the box. You can also customize the fill color, transparency, outline color, and outline width of the symbol. Click the Show Measurements check box and select the Area Units and Distance Units to display the measurement with the polygon.
      Polygon symbol editor
    4. For text, type the text to be drawn in the Text box, and select a font color and size for the text.
      Text symbol editor
  3. Draw the desired features and text on the map.
  4. If the Add the drawing as an operational layer of the map option is checked, open the Layer List widget.

    The Draw_Results layer appears.

  5. Click Undo or Redo to undo or redo the drawing features, or click Clear to remove all of them.