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; } } }

hide certain sublayer on Layerlist widget

weeyeo

I have a Grouplayer and try to hide certain sublayer on Layerlist widget. If I use listMode(hide-children) then all the sublayes not show up all.

Can someone show me how to do it?

Thanks.

Hidesublayer.PNG

Vind meer berichten getagd met

Accepted answers

All comments

jamesa

Thank you very much.

KristianEkenes

It looks like listMode isn't part of the MapImageLayer sublayer API: Sublayer | API Reference | ArcGIS API for JavaScript 4.7

I'll see what we can do to add support for this?

jamesa

Thanks for the sample. I try it and still can't get the sublayer to hide at all. See the sample code below. Can you see anything I am missing.

Edit fiddle - JSFiddle

Thanks.

KristianEkenes

It sounds like you need to hide the specific sublayer. In that case, you need to get the sublayer instance and set its listMode to hide. Here's a sample app that does this. If you comment out the following code, you will see the sublayer appear in the LayerList. Leave it, and it is removed, but remains in the map.

LayerList widget - 4.7

<SPAN class="keyword token">var</SPAN> walkCurrentLayer <SPAN class="operator token">=</SPAN> view<SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">.</SPAN>layers<SPAN class="punctuation token">.</SPAN><SPAN class="token function">flatten</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>item<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp; <SPAN class="keyword token">return</SPAN> item<SPAN class="punctuation token">.</SPAN>layers <SPAN class="operator token">||</SPAN> item<SPAN class="punctuation token">.</SPAN>sublayers<SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">find</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>layer<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp; <SPAN class="keyword token">return</SPAN> layer<SPAN class="punctuation token">.</SPAN>title <SPAN class="operator token">===</SPAN> <SPAN class="string token">"walkability current"</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
walkCurrentLayer<SPAN class="punctuation token">.</SPAN>listMode <SPAN class="operator token">=</SPAN> <SPAN class="string token">"hide"</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

LizEidsness

Try setting the listMode("hide") on the particular layer you want to hide, not on the group layer.

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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