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 -- Layers added dynamically

GregKnight

Hi all,

Are there any examples out there that illustrate the logic associated with using the Legend Dijit with layers that are added to the map after the map is instantiated? All the examples seem to focus on displaying legends for layers that are known at runtime. In my application the layers are not necessarily known at runtime. Specifically, I am having some difficulty with the logic associated with

1) initializing the legend at runtime when its possible that no operational layers are loaded

and

2) later refreshing (or starting) the legend with (ad-hoc) operational layers that are added after the map is initially loaded

Are there any examples out there of this nature? If not, could someone provide an outline of the logic necessary here?

Many thanks,
Greg

タグ付けされた投稿をもっと見る

Accepted answers

khutchins

Hi Greg,

The legend widget has a refresh property that you can use to update it with new layer information. Here's an example that shows how to refresh the legend with new layer info.

http://jsfiddle.net/vguu3/

All comments

GregKnight

Hi Kelly,

That definitely helps. Ill revisit my code later today.

Thank you,
Greg

khutchins

GregKnight

Hi Shreyas,

Yes, I have seen that sample. In that sample, the layers are known at runtime however -- and their layerInfo is pushed into an object which is passed to the legend dijit when it is instantiated.

var quakeLayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Earthquakes/EarthquakesFromLastSevenDays/MapServer",{id:'quakes'});
legendLayers.push({layer:quakeLayer,title:'Earthquakes'});
var fireLayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Fire/Sheep/MapServer",{id:'fire'});
legendLayers.push({layer:fireLayer,title:"Fire"});

Functionally, this is similar to what Im looking for, but I dont have the luxury of knowing the layerInfo at runtime. What would I do in this case?

Many thanks,
Greg

BTW - I love the updates to the JS API pages... fantastic!

ShreyasVakil

I don't know if you have already seen this sample, but it does update the legend dynamically when we update the visibility of layers.
Legend - toggle services

会話に参加する

サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか？無料アカウントを登録してください。

クイックリンク

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