Accessing graphic attributes on a featurelayer in 4.xx API for label when using a collection

872
3
Jump to solution
04-14-2021 11:54 AM
GrantElliott
New Contributor

I have a simple map that loads points as Graphics onto a FeatureLayer using a source collection.  I want to access the attributes of the graphics to use in the popup and point label but I just can't get it to work.

In the code snip below, I populate the collection (esri/core/Collection), define a labelClass and add the layer to a map.  The sourceSymbol is a PictureMarkerSymbol.  You can see that each point in the collection has 3 attributes.  I set the DESCRIPTION attribute as static text: "DESCRIPTION" so as to ensure that it has a value.

What I see is that the label properly contains the ObjectID, but the NAME and DESCRIPTION are not populated in the label expression.

Here's the code.  I'd really appreciate it if someone could point out my mistake.  Thanks.

 

var collection = new Collection();


for (var i = 0; i < features.length; i++) {
var data = features[i];

if (data.Type == "Feature") {
featureGeometry = data.Geometry
featureProperties = data.Properties
if (featureGeometry.Type == "Point") {
const point = {}
point.type = "point";
point.longitude = featureGeometry.Coordinates.Longitude;
point.latitude = featureGeometry.Coordinates.Latitude;

var pointGraphic = new Graphic({
geometry: point,
symbol: ticketSymbol,
attributes: {
ObjectID: i,
NAME: featureProperties.Name,
DESCRIPTION: "LABEL DESCRIPTION"
}
});
collection.add(pointGraphic);
}
}
}

const labelClass = {
// autocasts as new LabelClass()
symbol: {
type: "text",
color: "green",
font: {
family: "Arial Unicode MS",
size: 12,
weight: "bold"
}
},
labelPlacement: "above-center",
labelExpressionInfo: {
expression: "'ID:' + $feature.ObjectID + ' Name: ' + $feature.NAME + ' - ' + $feature.DESCRIPTION "
}
};


sourceLayer = new FeatureLayer({
title: "Sources",
outfields: ["*"],
source: collection,
objectIdField: "ObjectID",
labelingInfo: [labelClass],

renderer: { type: "simple", symbol: sourceSymbol }
});

map.layers.add(sourceLayer);

GrantElliott_0-1618426383542.png

 

 

 

 

 

 

 

 

1 Solution

Accepted Solutions
UndralBatsukh
Esri Regular Contributor

Hi there, 

 

Looks like you are not setting fields schema for your feature collection. It should work as expected once you define the fields for the layer.  So do something like the following:

 

sourceLayer = new FeatureLayer({
  title: "Sources",
  outfields: ["*"],
  source: collection,
  objectIdField: "ObjectID",
  labelingInfo: [labelClass],
  renderer: { type: "simple", symbol: sourceSymbol },
  fields: [{
    name: "ObjectID",
    alias: "ObjectID",
    type: "oid"
  },
  {
    name: "NAME",
    alias: "Name",
    type: "string"
   },
   {
      name: "DESCRIPTION",
      alias: "Type Description,
      type: "string"
   }]
});

 

 

Hope this works,

-Undral 

View solution in original post

3 Replies
UndralBatsukh
Esri Regular Contributor

Hi there, 

 

Looks like you are not setting fields schema for your feature collection. It should work as expected once you define the fields for the layer.  So do something like the following:

 

sourceLayer = new FeatureLayer({
  title: "Sources",
  outfields: ["*"],
  source: collection,
  objectIdField: "ObjectID",
  labelingInfo: [labelClass],
  renderer: { type: "simple", symbol: sourceSymbol },
  fields: [{
    name: "ObjectID",
    alias: "ObjectID",
    type: "oid"
  },
  {
    name: "NAME",
    alias: "Name",
    type: "string"
   },
   {
      name: "DESCRIPTION",
      alias: "Type Description,
      type: "string"
   }]
});

 

 

Hope this works,

-Undral 

GrantElliott
New Contributor

Hi Undral,

This is brilliant!  This also solves my popup content issues.  Thanks so much for the quick response.  I really appreciate it.

 

Grant

0 Kudos
ErfanGoharian
New Contributor III

I was wondering if it is possible to use this code for Esri WEB app to generate feature labels for layers added to the map? I am struggling to add labels to my map in ESRI WAB:(

0 Kudos