Skip To Content

Grid Overlay widget

The Grid Overlay widget allows you to quickly render a United States Military Grid Reference System (MGRS) grid using client-side resources in a web app. The MGRS is an alphanumeric system based on the universal transverse Mercator (UTM) and universal polar stereographic map projections for identifying positions. An MGRS coordinate consists of a zone designation, an alphabetic 100,000-meter grid square designator, and numeric coordinates within the 100,000-meter grid square. The widget allows an app to display the MGRS grid dynamically at different index levels in the app based on the scale of the map display.

Configure the Grid Overlay widget

This widget can be set to open automatically when an app starts. Hover over the widget and click the Do not open this widget when the app starts button Do not open this widget when the app starts to change the setting to Open this widget automatically when the app starts. (For widgets that you need to add to the app first, you can turn on this option after configuring the widget.)

  1. Hover over the widget and click the Configure this widget button Configure this widget to open the configuration window.
    Note:

    If you need to add the widget to the app first, click a widget placeholder on the Widget tab. In the Choose Widget window that opens, select the widget and click OK.

  2. Optionally, click Change widget icon to replace the default icon for this widget.

    A file explorer window appears, allowing you to browse to a local image file to use as the widget icon.

  3. Set the minimum interval spacing, line and label opacity, and vertical line label placement options.
    Line styles
  4. Choose the colors, font size, and line width that the grid will use at each unique index scale.
    Style options

Use the Grid Overlay widget

In addition to setting display options when the widget is configured, you can set more display options once the widget is deployed in an application.

  1. From a deployed application, click the Grid Overlay widget to open the widget dialog box.
  2. Check the box to choose if the grid will continue to display when the widget is closed.
    Grid display check box