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?

Find more posts tagged with

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.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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