Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

GISMapApp

LabelingInfo and Simple Renderer

  • Last UpdatedFeb 19, 2025
  • 2 minute read

In the below example the Esri States layer is configured with a labelingInfo and a simple renderer.

  1. Double click the GISMapApp in the imported app to open the editor.

  2. Select the Esri States layer and enable the DRAWINGINFO option.

  3. Below it the LABELINGINFO option, select + ITEM to create a new item.

  4. In LabelExpression, enter STATE_NAME.

    Labelling info

  5. Save the layer to view the labels in the preview section.

    Map preview

  6. In the BASIC configuration,

    1. select Simple for the Renderer (option by default).

    2. select Simple Fill for the Symbol.

    3. select esriSFSolid for the Style.

    4. enable Color and Outline options.

  7. In basic color,

    1. select esriSFSSolid style.

    2. select a color with a transparency color.

  8. In simple line,

    1. select esriSFSSolid style.

    2. select a transparent color.

    Esri State and Cities

  9. Save the layer to view the renderer in the preview section.

    Renderer preview

  10. Save the configuration in the GISMapApp editor.

    Below the json string with the configuration of the layer.

    {

    "title": "Esri States",

    "type": "esri",

    "url": " https://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/3",

    "assetNameTemplate": "{STATE_NAME}",

    "isBaseMap": false,

    "merge": true,

    "visible": true,

    "drawingInfo": {

    "renderer": {

    "symbol": {

    "style": "esriSFSSolid",

    "type": "esriSFS",

    "color": [

    163,

    73,

    164,

    126

    ],

    "outline": {

    "color": [

    163,

    73,

    164,

    255

    ],

    "type": "esriSLS"

    }

    },

    "type": "simple"

    },

    "labelingInfo": [

    {

    "labelExpression": "STATE_NAME"

    }

    ]

    }

    }

TitleResults for “How to create a CRG?”Also Available in