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

Dynamic Legend widget for Flexviewer 2.0

RobertScheitlin__GISP

All,

I am happy to announce the first community developed (and shared on the code gallery) widget for the Flexviewer 2.0. I have finalized my Dynamic Legend Widget for the 2.0 FlexViewer and shared it for all to use.

This version is COMPLETELY dependent on 2 things

ArcGIS Server 10 map services
Flex Viewer 2.0 and obviously Flex API 2.0

I have made it XML configurable this time so that you can specify that certain map services or certain layers in a map service are not to be displayed in the widget.

It is called dynamic because the legend will only draw map services and layer that are visible in your map. It respects scale dependency of layers and if the layer is checked in the TOC or operational layer TOC. The legend automatically redraws when layers have been checked/unchecked and when zooming in or out and a layer scale dependency has been meet.

I hope you enjoy it and I HOPE that you read and understand that it will not work with mapservices that are not served from a ArcGIS 10 Server.

http://www.arcgis.com/home/item.html?id=f60406b9f52340d59eb557bf64136af6

PS. don't forget to rate the code.

Vind meer berichten getagd met

Accepted answers

All comments

RobertScheitlin__GISP

Joshua,

The whole purpose of this widget was to minimize the legend to only those items (ACTUALLY) in the map.

I still can not figure out why the widget is not showing up with my other widgets?!

I am not sure what you mean by this?

RobertScheitlin__GISP

Philipp,

I can not duplicate your issues can you post your config.xml?

philippschnetzer

Great Legend!! Only one issue I am having...I would like to have the widget floating, but if I do this the widget is preloaded=open automatically (whether you specify it in the main config.xml or not) and it does not show up on the header....so that if you close the widget it disappears for good. I think it's important to be able to drag and resize this widget but it should still appear in the header if floating...

Thanks!

JoshuaCoates

SO what do I need in order to display symbology of all layers. If they can turn on a layer and look at the dynamic legend that is fine...it serves the purpose I need served. However, if there is a way to have symbology displayed in the layer list where u turn layers on and off...that would be great. I still can not figure out why the widget is not showing up with my other widgets?!

RobertScheitlin__GISP

Joshua,

I guess it is not clear enough in the DynamicLegendWidget.xml that the only thing you put in there is if you want to exclude a particular map service or map service layer. There is no configuration needed if you want everything to appear in the legend. As the example site shows this widget does not display the symbology in the TOC like in ArcMap but it shows all the visible layers of the map in the widget window. So if you do not have a layer visible than it will not be in the legend.

JoshuaCoates

I guess it would help if I specified that I am wanting to show all layers and symbology for my map. I currently have three seperate map services configured into my xml. A basemap, and then i have 3 operational layers <one of which is the same as the basemap>. I am not sure if this widget is what I need to do this, but I think it seems like it is. I just want users to be able to see what the symbology and colors on the map mean like you can see the symbology of the TOC in ArcMap.

JoshuaCoates

Ok, thank you. I have the swf compiled. Now i added
"<widget label="Dynamic Legend" x="50" y="100"
      icon="assets/images/i_legend2.png"
      config="widgets/DynamicLegend/DynamicLegendWidget.xml"
      url="widgets/DynamicLegend/DynamicLegendWidget.swf"/>"
to the widgetcontainer......but the widget does not display when I run the project. I am not sure what to put in the dynamiclegendwidget xml for the configuration either. I see that the it shows the text that mapservice must be specified and all that, but I just am not sure of text and formatting to make it work properly. Does anyone have their xml for the dynamiclegend widget that I can see as an example for how they plugged in their own code?!

RobertScheitlin__GISP

Joshua,

OK, now we are on the right track. What you have to do to add a widget to the projects module list is this:

1. Right click on the FlexViewer project in the "Package Explorer" window (FlashBuilder) or "Flex Navigator" window (FlexBuilder) and choose properties.

2. In this dialog on the left window find "Flex Modules" and click the add button on the right

3. browse to the widgets/DynamicLegend/DynamicLegendWidget.mxml file and add it.

Now when you run the project it will compile the DynamicLegendWidget.swf file.

JoshuaCoates

Ok, sorry if my lack of flex knowledge and computer xml configuring is causing confusion. I suppose I am not using the precompiled. Because like you just mentioned, I downloaded the source code originally, added it as a flex project. I have configured the xml as I need it for my service and web map. I just found this dynamiclegend widget, downloaded and unzipped the file. I put the dynamic folder into the widgets folder in my project. Now when you say "add the DynamicLegendWidget.mxml to your projects modules list and compile the whole FlexViewer2.0 source" this is where I am lost. I do not understand what that means. In the widgets folder of my project, I have a DynamicLegend folder, within this folder, I have the dynamiclegendwidget.mxml, dynamiclegendwidget.xml,legenddatagroup.as, and legenditenrenderer.mxml files. Maybe this is just over my head, but I really have no computer coding experience or knowledge of some of the terminology used sometimes.

RobertScheitlin__GISP

Joshua,

Like I said

(not the precompiled version)

If you want to use this widget than you have to compile it and how you compile it is to get the FlexViewer2.0 source code and add it as a project in Flex or Flash Builder. Once you have the FlexViewer2.0 project setup then you can copy in the DynamicLegend widget to the widgets folder, add the DynamicLegendWidget.mxml to your projects modules list and compile the whole FlexViewer2.0 source. Most of the time on the forum and code gallery you are going to find code and sample that will require you to be using the FlexViewer source, and this widget is one of those. You will be limited in what you can do with the viewer if you only use the pre-compiled source.

JoshuaCoates

I have clicked on the link and looked through it, however it just has an example of the live map. Not the configuration. And I have followed the directions in the readme file, it does not tell you how to compile a swf file though. I have added the dynamiclegendwidget into my flex project....is that what you mean by "adding the code to your FlexViewer2.0 SOURCE code"?? I am using the precompiled data for flexviewer, I have modified it to plug in my services and data.

RobertScheitlin__GISP

Joshua,

Most of your questions can be answered by just clicking on the link as it has a working sample website. As far as make a swf that is as simple as adding the code to your FlexViewer2.0 SOURCE code (not the precompiled version) and following the instructions in the readme.txt

JoshuaCoates

How do I create a swf for this dynamiclegend widget? Also, is this what I need in order to have the legend appear on my layers as they do in arcmap....with the colors and symbology showing and not just the title of the layer? One more thing, can you post an example of the xml for the widget so that I can see what <configuration> looks like with an example plugged in?! Thank you so much!

Josh

AnnyaCamykal

Simon,

You do need to compile it your self. I have always had bad experiences distributing compiled swfs in the past.

Oh now I see why this widget does not work for my app. Need to compile it but no way of compiling it without a copy of Flash 4 which we don't have a copy of on our server nor would I know what I'm doing even if we had one...

RobertScheitlin__GISP

Rene,

That's fine with me. Keep op the good work on the FlexMapTools.

RRubalcava

Hi Robert, I just wanted to give you a big thanks. I wanted to make sure it was ok with you that I've added your functions to build the swatches into a function in my flex library in my signature.
SwatchFactory
I couldn't find an email for you, or I would have just sent one.
I put a sample up of how I'm using it in a non-widget capacity.
Thanks again.

ShawnKraft1

Robert, got it working. Excellent tool thank you.

CharlesHarris

Robert-

That works great. I didn't read the code in detail until you sent me the update...It makes perfect sense that all I would need to do is start with ids > 0. Thanks again for all of the help...I'm still a bit fuzzy on the interaction of the components, but I can follow the code. I doubt I would've been able to write it from nothing though. Thanks for the big help!

Jeremy

RobertScheitlin__GISP

Jeremy,

Try replacing this code which now ignores layer 0 that is your point layer

//Legend Addition   
   protected function initLegend():void
   {
    legendAC = new ArrayCollection([]);
    ParcelData.getAllDetails(new AsyncResponder(allDtlsResult, allDtlsFault,"ParcelData"));
    function allDtlsResult(event:AllDetails,lname:String):void
    {
     for each (var lDetails:LayerDetails in event.layersDetails){
      if(lDetails.id > 0){
       if(lDetails.drawingInfo){
        //Add the layers name
        var layName:Object = {
         lname: lname,
         id: lDetails.id,
          otype: "layerName",
          label: lDetails.name,
          minscale: lDetails.minScale,
          maxscale: lDetails.maxScale,
          rend: null
        }
        legendAC.addItem(layName);
        
        if(lDetails.drawingInfo.renderer is com.esri.ags.renderers.UniqueValueRenderer)
        {
         var uv:UniqueValueRenderer = lDetails.drawingInfo.renderer as UniqueValueRenderer;
         for (var i:int=0; i<uv.infos.length; i++)
         {
          var uvObj:Object = {
           lname: lname,
           id: lDetails.id,
            parentlabel: lDetails.name,
            minscale: lDetails.minScale,
            maxscale: lDetails.maxScale,
            rend: uv.infos
          }
          legendAC.addItem(uvObj);
         }
        }
        if(lDetails.drawingInfo.renderer is com.esri.ags.renderers.SimpleRenderer)
        {
         var simObj:Object = {
          lname: lname,
          id: lDetails.id,
           parentlabel: lDetails.name,
           minscale: lDetails.minScale,
           maxscale: lDetails.maxScale,
           rend: lDetails.drawingInfo.renderer
         }
         legendAC.addItem(simObj);
        }
        if(lDetails.drawingInfo.renderer is com.esri.ags.renderers.ClassBreaksRenderer)
        {
         var cb:ClassBreaksRenderer = lDetails.drawingInfo.renderer as ClassBreaksRenderer;
         for (var j:int=0; j<cb.infos.length; j++)
         {
          var cbObj:Object = {
           lname: lname,
           id: lDetails.id,
            parentlabel: lDetails.name,
            minscale: lDetails.minScale,
            maxscale: lDetails.maxScale,
            rend: cb.infos
          }
          legendAC.addItem(cbObj);
         }
        }
       }
      }
     }
    }
    function allDtlsFault(event:FaultEvent):void
    {
     Alert.show(event.message.toString());
    }
   }
//End Legend Addition

CharlesHarris

Jeremy,

I am not sure why you are getting this error. When you look at this layer in the REST Service directory for you see the symbology for the point layer displayed?

Yes sir, sure do. It's a picture marker symbol. However, I want to make sure that it isn't included in the legend. Here's a screenshot of the services webpage for that layer.

Layer0properties.jpg

RRubalcava

Thanks for doing the leg work on this one Robert. I'm incorporating/tweaking your methods to create swatches into a current layer visibility component I have. Writing up/debugging those renderer symbols must have taken you forever.

RobertScheitlin__GISP

Jeremy,

I am not sure why you are getting this error. When you look at this layer in the REST Service directory for you see the symbology for the point layer displayed?

CharlesHarris

Thanks so much for the help Robert. I've gotten everything to work but get a Error 1034: Type Coercion Failed error during the first time that the legend is shown. It references layer "0" in the Map Service which is a point layer. Is that why? If so can I filter it so that it is not included in the legend? I do not need it to show up in the legend. I'm including a screenshot of the error that I'm getting.

Coercion Error.jpg

ShawnKraft1

Robert you were right. I used the analyze map in arcmap and I have a few warnings that would affect the symbology. When I checked the arcgis/rest/services for that service I did see that some layers have a min scale set. So I will work on that and let you know if that resolves it but it will I am sure.

CharlesHarris

Thanks Robert! I will give it a look this morning 🙂

ShawnKraft1

Robert I think I got it. I am gonna test it real quick and will let you know in the morning whether it worked.

ShawnKraft1

Great, so I am the oddball lol. That could be the issue though Robert. I didn't publish my mxd directly from inside ArcMap. Instead, I go to my ArcGIS Server Manager app and add a new service pointing to my mxd.

RobertScheitlin__GISP

Shawn,

That has me scratching my head than because the drawing info should automatically come from the MXD or MSD when you publish your map service in ArcGIS Server 10.

ShawnKraft1

Yeah um Robert, I do not have any of that. Sheesh! So I need to add rendering.

RobertScheitlin__GISP

Shawn,

   So look at my service directory page for this layer
http://gis.calhouncounty.org/ArcGIS2/rest/services/ParcelViewer/MapServer/84

Notice the :

Drawing Info:

      Renderer:
            Simple Renderer:
            Symbol:
                  Simple Fill Symbol:
                  Style: esriSFSSolid, Color: [255, 250, 200, 255]
                  Outline:
                        Simple Line Symbol:
                        Style: esriSLSSolid, Color: [0, 0, 0, 255], Width: 0.4Label:
            Description:
      Transparency: 0
      Labeling Info: N/A

does your map service have that info?

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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