topic Re: Right container for ESRI:Legend in ArcGIS API for Flex Questions

Right container for ESRI:Legend

WilliamBailey — Mon, 29 Aug 2011 15:50:16 GMT

I am using "<ESRI:Legend" in my own component/pop-up.
Right now I have it located within a "<mx:TitleWindow with code as follows.
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:esri="http://www.esri.com/2008/ags"
    width="350" height="400"
    clipContent="false"
    verticalScrollPolicy="on"
    preinitialize="preInit();"
    title="Map Legend"
    showCloseButton="true"
    close="{PopUpManager.removePopUp(this)}">
<mx:Script>
<![CDATA[
import com.esri.ags.Map;
import com.esri.ags.components.Legend;
import com.esri.ags.layers.ArcGISDynamicMapServiceLayer;
import mx.managers.PopUpManager;
[Bindable]private var theMap:Map;
[Bindable]private var legendLayers:ArcGISDynamicMapServiceLayer;
private function preInit():void
{
     theMap = this.parentApplication.map;
     legendLayers = this.parentApplication.baseMap;
     legendLayers.name="SCPA";
              }
                           ]]>
</mx:Script>
     <esri:Legend id="myLegend"
        width="350" height="400"
        respectCurrentMapScale="true"
        layers="{[legendLayers]}"
        map="{theMap}"/>
</mx:TitleWindow>

The two problems I am encountering are:
1: The legend is showing all layers, not just the visible ones. (my test project; where legend and map are in same file, works flawlessly)
2. The legend extends vertically and horizontally past the containing TitleWindow (see pic)

Any help would be appreciated.
Thanks
Bill

Re: Right container for ESRI:Legend

RobertScheitlin__GISP — Sun, 12 Dec 2021 04:29:09 GMT

Bill,

1. Are you sure that your other legend component implementation honors layer visibility? I should honor scale dependency.

2. You need to wrap the legend component in a scroller:

            <s:Scroller width="100%" height="100%">
                <esri:Legend id="myLegend"
                             width="350" height="400"
                             respectCurrentMapScale="true"
                             layers="{[legendLayers]}"
                             map="{theMap}"/>
            </Scroller>

Re: Right container for ESRI:Legend

WilliamBailey — Tue, 30 Aug 2011 12:55:17 GMT

After further review of Map... the legend is respecting scale, is there a way to also respect visibility?

I did get the Legend to stay in bounds by adding "clipContent=true" to TitleWindow and playing with height and width.

p.s. I could not get Legend to work inside "<s:Scroller"
'com.esri.ags.components.Legend' is not assignable to the default property, 'viewport', of type 'spark.core.IViewport'.

thanks for your help

Re: Right container for ESRI:Legend

KenBuja — Sun, 12 Dec 2021 04:29:12 GMT

I didn't wrap my legend in a scroller, but put it in a VGroup along with a transparency slider.

    <s:VGroup id="legendGroup" width="100%" height="100%" visible="{layerBenthic.visible}">
        <s:HGroup width="100%" horizontalAlign="center" paddingTop="10">
            <s:VGroup width="100%" horizontalAlign="center">
                <s:Label text="Layer Transparency"/>
                <s:HSlider id="toolAlpha" minimum="0" maximum="100" snapInterval="1" liveDragging="true"
                           width="75%" change="changeTransparency()" value="100"/>
            </s:VGroup>
        </s:HGroup>
        <esri:Legend id="legendMap" map="{mapMain}" layers="{layerBenthic}" width="100%" height="100%"
                     respectCurrentMapScale="true" x="10" />
    </s:VGroup>

Re: Right container for ESRI:Legend

WilliamBailey — Wed, 31 Aug 2011 10:51:16 GMT

Ken, Nice and clean, thanks for the tip.
Anyone get the new Legend object to respect current layer visibility?
Maybe next version? please

Re: Right container for ESRI:Legend

JHayes — Thu, 12 Sep 2013 19:06:48 GMT

Nice work gentlemen!

Any chance I could get the AS code for the transperency?

Thanks,