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

Legend widget not loading all layers on inital load

JayHill

When using the legend widget (esri JAPI 3.20), not all the layers show up when my map loads. I have to zoom a level first then they all show up. Any fixes?

Vind meer berichten getagd met

Accepted answers

JayHill

got it to work by adding refresh.

var legend = new Legend({
map: map,
layerInfos: layers

}, "legendDiv");
map.on ("layer-add-result", function(){
legend.refresh();
legend.startup();

})

All comments

thejuskambi

Can you share your code, how you have initialize the Legend widget.

JayHill

var legend = new Legend({
           map: map,
           layerInfos: layers,

       }, "legendDiv");

       legend.startup();

I think problem lies in my array of featurelayers being used for layerlist. I tried the legend.refresh() code but it didn't help

kenbuja

Wait until the map loads all your layers before adding the legend

map.on("layers-add-result", function () {
&nbsp; var legend = new Legend({
&nbsp;&nbsp; &nbsp;map: map,
 &nbsp;&nbsp; layerInfos: layers
&nbsp; }, "legendDiv");
&nbsp; legend.startup()
});‍‍‍‍‍‍‍‍‍‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

JayHill

Ken

I don't get a legend showing in the div now.

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.