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 Title / Layer Names

KeithGanzenmuller

I need to suppress the Legend Title and the Layer Names.
Can't yet figure out how to show a legend without them.
Any help is appreciated.

Thanks,
Keith

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

Accepted answers

khutchins

You can use css to prevent the layer names from displaying. The API reference for the Legend Widget lists the available css classes.

http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi/legend.htm

Here's an example of css that I'd add if I wanted to hide the display of the service title:

 .esriLegendServiceLabel {     display: none; }

All comments

Muhammad_SherazAhsan

Thanks its helpful..

KeithGanzenmuller

Sorry about that, by the other code I meant the code snippets submitted by Davide and Craig in response to my question, included below.

    var legend = new esri.dijit.Legend({
                map:map,
                layerInfos:[
   {layer:yourfirstlayer, title:" "},
   {layer:yoursecondlayer, title:" "}
                ]
            }, "legendDiv");
            legend.startup();


legendLayers.push({layer:layer,title:'YOUR TITLE'});

These are two different ways to change the titles in the legend and would be included in the SCRIPT section of the code where you set up the legend.

KeithGanzenmuller

Hey Steve.
These questions and answers apply specifically to the Javascript API.

.esriLegendServiceLabel {
display: none;
}

would go in the styles section and suppresses the output of the legend labels.

The other code would go in the script where you are creating your legend.

KeithGanzenmuller

Great, thanks everyone for your help.

khutchins

 .esriLegendServiceLabel {     display: none; }

CraigMcDade

Hope this helps.

legendLayers.push({layer:layer,title:'YOUR TITLE'});

DavideLimosani

try adding a title:" " in your legendInfos like this:


            var legend = new esri.dijit.Legend({
                map:map,
                layerInfos:[
   {layer:yourfirstlayer, title:" "},    
   {layer:yoursecondlayer, title:" "}         
                ]
            }, "legendDiv");
            legend.startup();

会話に参加する

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

クイックリンク

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