topic Re: FeatureLayer is not loading 4.19 and 4.20 in ArcGIS JavaScript Maps SDK Questions

FeatureLayer is not loading 4.19 and 4.20

nidaaktan — Wed, 04 Aug 2021 06:55:56 GMT

Hi,

I'm trying to create FetureLayer using client-side graphics. here is my code;

var layer= new FeatureLayer({

source: graphics,

objectIdField: 'objectid',

fields: [{ name: "objectid", type: "string" }],

popupEnabled: true,

popupTemplate: { content: "<div>Test Popup</div>" },

renderer: {

type: 'simple',

symbol:{

type: "simple-fill",

color: [ 51,51, 204, 0.9 ],

style: "solid",

outline: { color: "white", width: 1 }

editingEnabled: false,

});

map.add(layer);

I can add layer to map but it is not show on map.I'm trying to run layer.load() function but function promise is definitely not resolved or reject.Featurelayer loadStatus property stay as 'loading'.

Is there anyone who can help me?

Thanks

Re: FeatureLayer is not loading 4.19 and 4.20

MichaelK1 — Wed, 04 Aug 2021 07:13:30 GMT

Are you rendering 2D polygons ? Or Points?
https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html

Can you share a snippet of your graphics?

Is there any reason why typing ObjectID as a string and not type: "oid"

Re: FeatureLayer is not loading 4.19 and 4.20

nidaaktan — Wed, 04 Aug 2021 07:39:22 GMT

I'm rendering 2D polygons. I have no reason to type objectid as a string, i changed it to 'oid' but nothing changed, still not working.

The code i shared works version 4.18

I'll share a snippet of my graphics.

Re: FeatureLayer is not loading 4.19 and 4.20

nidaaktan — Wed, 04 Aug 2021 19:28:21 GMT

here is sample code

Is there any problem with symbol? I really can't understand.

Re: FeatureLayer is not loading 4.19 and 4.20

UndralBatsukh — Wed, 04 Aug 2021 20:35:31 GMT

Hi there,
Your codepen has an issue. You are directly assigning the symbol the layer's renderer. If you open the console you will see the error. Here is your codepen app updated.

The changes are:

const renderer = { type: "simple", symbol: symbol }; var fl = new FeatureLayer({ source: features, renderer: renderer, // change this from symbol to renderer ... });

Hope this helps,

-Undral