topic Re: How to label feature layer in ArcGIS Web AppBuilder Questions

How to label feature layer

scottmiller10 — Tue, 03 Jul 2018 17:15:09 GMT

In my app, I construct a FeatureLayer with data from a query, and I want to add a label to the polylines that display the data value. I've tried a couple things, including the code below, but nothing has worked.

layer.hasLabels = true;
var labelSymbol = new esri.symbol.TextSymbol('');

Re: How to label feature layer

RobertScheitlin__GISP — Fri, 10 Dec 2021 20:10:07 GMT

Scott,

Your define array is out of sequence.

define([
    'dojo/_base/declare',
    "dijit/_WidgetsInTemplateMixin",
    "jimu/BaseWidget",
    "jimu/dijit/TabContainer",
    'dojo/dom-attr',
    'dijit/form/CheckBox',
    "dijit/layout/ContentPane",
    'dijit/form/FilteringSelect',
    'jimu/dijit/Message', //tyler
    'jimu/MapManager', //tyler
    'jimu/filterUtils', //tyler
...

],
  function(declare, _WidgetsInTemplateMixin, BaseWidget, TabContainer, domAttr, CheckBox, ContentPane,
    FilteringSelect, Message, jimuUtils, MapManager, utils, esriConfig, urlUtils, Query, QueryTask, LabelClass, TextSymbol, Font, StatisticDefinition, Geoprocessor, FeatureSet,‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

It's all fine until you get to "Message" then you have "jimuUtils" in the function vars list but there is not a matching "jimu/utils" in the define array. So what that means is that the var "jimuUtils" is now associated with "MapManager" and "MapManager" is linked to "filterUtils" etc, etc.

Re: How to label feature layer

scottmiller10 — Thu, 05 Jul 2018 15:36:27 GMT

Robert,

I went through the define and imports and cleaned them up, but the labels still won't show up. Do I have to change the code somehow? I'm trying to get the labels to accompany polylines painted with a classbreaksrenderer.

Re: How to label feature layer

RobertScheitlin__GISP — Fri, 10 Dec 2021 20:10:11 GMT

Scott,

This is what your define array looks like cleaned up (i.e removing the unused classes and proper ordering):

define([
    'dojo/_base/declare',
    "dijit/_WidgetsInTemplateMixin",
    "jimu/BaseWidget",
    "esri/tasks/query",
    "esri/tasks/QueryTask",
    "esri/layers/LabelClass",
    "esri/symbols/TextSymbol",
    "esri/symbols/Font",
    "esri/tasks/StatisticDefinition",
    "esri/symbols/SimpleLineSymbol",
    "esri/Color",
    "esri/renderers/ClassBreaksRenderer",
    "dojo/_base/lang",
    "dojo/on",
    "dojo/dom",
    "dojo/_base/array",
    "dojo/_base/html",
    "esri/layers/FeatureLayer",
    "esri/domUtils",
    
//classes used in the html template but not directly in code
    'jimu/dijit/FeatureSetChooserForMultipleLayers',
    "jimu/dijit/TabContainer",
    'dijit/form/CheckBox',
    "dijit/layout/ContentPane",
    'dijit/form/FilteringSelect',
    "dijit/Dialog",
    "dijit/ProgressBar",
    "dijit/form/NumberSpinner",
    "dijit/form/Select",
    "dijit/form/TextBox",
    'jimu/dijit/ViewStack',

    "dojo/domReady!"

  ],
  function(
    declare, _WidgetsInTemplateMixin, BaseWidget, Query, QueryTask, LabelClass, 
    TextSymbol, Font, StatisticDefinition,
    SimpleLineSymbol, Color, ClassBreaksRenderer,
    lang, on, dom, array, html, FeatureLayer, esriUtils
  ) {‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

The other thing I see is that I never specify a empty string for my TextSymbol.

var labelSymbol = new TextSymbol();‍

and you can have a simpler json:

        var json = {
          "labelExpressionInfo": {
            "value": "{thecolor}"
          }
        };‍‍‍‍‍

Re: How to label feature layer

scottmiller10 — Thu, 05 Jul 2018 19:38:49 GMT

Robert,

When i added those changes, for some reason the polylines don't paint anymore, almost like adding the labels (which also aren't showing up) erases the symbol in the graphics.

Re: How to label feature layer

RobertScheitlin__GISP — Thu, 05 Jul 2018 19:41:17 GMT

Scott,

Are there any errors in the browsers web console?

Re: How to label feature layer

scottmiller10 — Thu, 05 Jul 2018 19:44:01 GMT

Robert,

No, no errors in the console. I'm console.logging the layer, and i see it has an attribute 'hashtmlpopup'. Is there something I could do like adding html labels above the polylines?

Re: How to label feature layer

scottmiller10 — Thu, 05 Jul 2018 19:50:21 GMT

Or is there a way I can iterate through the graphics in the feature layer and add the text symbols to the graphics?

Re: How to label feature layer

RobertScheitlin__GISP — Thu, 05 Jul 2018 20:13:27 GMT

Yes, you could add TextSymbol graphics to the map but that should not be necessary. You should strip down and simplify your widget to test more.