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

Error: Tried to register widget with id==legendDiv but that id is already registered

CraigMcDade

I'm getting:

Error: Tried to register widget with id==legendDiv but that id is already registered

when loading my map. I've searched around and it seems to be an issue with a few other widgets as well. Can anybody recommend a good work around?

Find more posts tagged with

Accepted answers

JeffPace1

you are calling addLayers twice. Remember this is all asynchronous.

You call add layers, then define a legend in the callback. Likely after the legend is defined, the event actually occurs, triggering it.

You then call addLayers again, which triggers the callback again, which tries to create a second legend.

All comments

derekswingley1

This happens when you try to create multiple widgets with the same id. Are you trying to create a new legend without first destroying a previous one you created?

CraigMcDade

This happens when you try to create multiple widgets with the same id. Are you trying to create a new legend without first destroying a previous one you created?

No. My only instances for legend is once in the JS:

//Add the Legend
          legendLayers.push({
              layer: layer,
              title: ''
          });
          dojo.connect(map, 'onLayersAddResult', function (results) {
              var legend = new esri.dijit.Legend({
                  map: map,
                  layerInfos: legendLayers
              }, "legendDiv");
              legend.startup();
          });
          map.addLayers([layer]);

          if (layer.loaded) {
              buildLayerList(layer);
          } else {
              dojo.connect(layer, "onLoad", buildLayerList);
          }

and once in the HTML:

<div dojoType="dijit.TitlePane" title="Legend" closable="false"  open="false" style="float:right;">
     <div dojoType="dijit.layout.ContentPane" style="width:180px; overflow:auto;">
     <span id="legendDiv"></span>
     </div>
        </div>

JeffPace1

although i might be reading it wrong, it looks like you are CREATING a legend on each layer add. So it would work the first time, but on the second layer it is trying to create a second legend.

derekswingley1

How many times is onLayersAddResult firing?

Can you post a full repro case? We'll be able to get to the bottom of this faster if you post code that reproduces the error.

CraigMcDade

How many times is onLayersAddResult firing?

Can you post a full repro case? We'll be able to get to the bottom of this faster if you post code that reproduces the error.

This link should work in IE9. As always, I appreciate your help.

JeffPace1

CraigMcDade

Thanks Jeff. Totally overlooked that. This answer actually solves my basemap gallery issue as well.

I appreciate the help.

JeffPace1

glad to help!

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.