nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Can't access "visible" property in allSubLayers property

BrianVan_Nostrand

Hi all,

I'm trying to hit the properties of the sublayers in a map image service using the "allSublayers" property of that service. It works fine in the console in Chrome:

allSublayers output

I can hit each of these items and access the properties of each:

allSublayers index

But when I try to hit the same in code, using the same syntax, but targeting a new MapLayer object that's being added to the map, I can only see up to the array of sublayers itself, and not access any of the records in that array, nor the properties of any of those records:

asdasd

Looking for the items array

items array

the returned items array

Items Index

looking for the first record in that array

undefined

"undefined"

Any ideas? Is this some bug or something?

Thanks!

Najděte více příspěvků označených jako

Accepted answers

RobertScheitlin__GISP

Brain,

Here is how to ensure the layer is loaded and get access to a particular sub layer:

watchUtils<SPAN class="punctuation token">.</SPAN><SPAN class="token function">when</SPAN><SPAN class="punctuation token">(</SPAN>mapLayer<SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"loaded"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
  mapLayer<SPAN class="punctuation token">.</SPAN><SPAN class="token function">findSublayerById</SPAN><SPAN class="punctuation token">(</SPAN>e<SPAN class="punctuation token">.</SPAN>target<SPAN class="punctuation token">.</SPAN>layerId<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN>visible <SPAN class="operator token">=</SPAN> e<SPAN class="punctuation token">.</SPAN>target<SPAN class="punctuation token">.</SPAN>checked<SPAN class="punctuation token">;</SPAN>
  mapLayer<SPAN class="punctuation token">.</SPAN><SPAN class="token function">refresh</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

All comments

RobertScheitlin__GISP

Brain,

Are you checking to see if the "mapLayer" loaded property is true before you try and access the sublayers?

BrianVan_Nostrand

Robert,

That's what I expect that the issue is as well, but I thought I was handling that correctly. I use a .when to wait until the new esri/MapImageLayer is loaded (in the code below assigned to the variable "myLayer", before setting the visibility of the sublayer (line 102) whose ID (in the flattened set within the collection of the service) matches the id assigned to the check box (assigned on line 88). It could be that I'm misusing the "when" and the code is trying to access the allSublayers property before the layer is loaded, but shouldn't the allSubLayers array itself be inaccessible as well if the layer isn't loaded?

Anyway, thanks for your response. Here's the JS, CSS, and HTML for the app.

GitHub - BrianVanNostrand/JS_API_Test: Learning the Javascript API

BrianVan_Nostrand

Correction: mapLayer, not myLayer

RobertScheitlin__GISP

Brain,

I am pretty confused by your workflow here. What exactly are you trying to do? Right now you are adding a MapImageLayer each time a checkbox is checked and setting the sublayer visibility for that particular sublayer id to true. Seems like a serious over kill to add a new MapImageLayer for each sublayer that is checked vs adding on MapImagelayer and setting the sublayer visibility for that one layer.

RobertScheitlin__GISP

You could use the LayerList widget for this. It seems like it does what you are after.

https://developers.arcgis.com/javascript/latest/sample-code/sandbox/index.html?sample=widgets-layerlist-actions

BrianVan_Nostrand

Thanks Robert, but this is more of a learning exercise for me than a means to an end.

RobertScheitlin__GISP

Don't forget to mark this question as answered by clicking on the "Mark Correct" link on the reply that answered your question.

Připojte se ke konverzaci

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.