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.

Finde mehr Beiträge mit dem Tag

Accepted answers

All comments

ShawnKraft1

CityLayers doesn't have any max/min scale set on it. CityLayers shows on my map, and I can turn its layers on/off in the LayerList widget. I have two layers in the map service turned on by default, my right of way layer and address point layer. Not sure if I answered you correctly.

RobertScheitlin__GISP

Shawn,

Yep it looks fine does CityLayers have a min or max scale set on it? Does it show on your maps and not in the legend? Do you have at least some of the sub-layers of the map service turned on?

ShawnKraft1

Although, I do have this in the additional compiler arguments

-locale en_US -source-path=locale/{locale} -keep-all-type-selectors=true

not sure if the -keep-all-type...... needs to be there or not.

ShawnKraft1

Yep its an ArcGIS 10 server. Hmmm I know I have all the other parameters set the way you stated, i.e. flex compiler and build path. The Dynamic Legend is functioning, it opens, just nothing shows inside the window. Wonder what I haven't done. So what I have posted above looks okay to you as far as it relates to the DynamicLayer Widget correct?

RobertScheitlin__GISP

Shawn,

Operational Layers work just fine as long as they are coming from a ArcGIS 10 Server.

ShawnKraft1

Hey Robert. This will work with the mapservice only and not the operational layers correct? Reason I ask is because here is how I have mine set up currently.

map initialextent="506359 283843 559527 309834 3736">
        <basemaps>
         <mapservice label="Aerial" type="image" visible="true" alpha="1"                 url="http://icarus/ArcGIS/rest/services/Aerial/ImageServer"/>
        </basemaps>
        <operationallayers>
            <layer label="CityLayers" type="dynamic" visible="true"
                     url="http://icarus/ArcGIS/rest/services/PublicWorksFlex/MapServer"/>
        </operationallayers>
    </map>

So I am using the LayerListWidget to display all the layers in the operationallayers and allow users to turn them on/off. My aerial is huge and it really is smoking fast generating on screen set up this way as opposed to having the image in the LayerListWidget. Any suggestions on how I can implement the Dynamic Legend another way?

RobertScheitlin__GISP

Jeremy,

Attached is a zip with the code and a readme.txt in it.

Jeremy.zip

CharlesHarris

Yes...using ArcGIS 10 and ArcGIS API for Flex 2.0 in Flash Builder 4.0

RobertScheitlin__GISP

Jeremy,

OK is this a ArcGIS 10 Server http://psiws005/PyramidGIS?

CharlesHarris

Ah ok...here is a sample of the code that I've trimmed down to only include the parts for switching highlights and displaying panel that will contain the legend.

Highlight_Code.docx

RobertScheitlin__GISP

Jeremy,

What is the code behind the buttons for selecting different highlights? We need to get deeper in this than just general site functionality and workflow.

CharlesHarris

Here is a screenshot of what I have developed so far. Of course the styling isn't complete as I'm focusing on functionality at the moment. You will notice the buttons on the left that indicate different "highlights", these are different layers in a published map document. When the user pushes any one of these buttons the corresponding layer within my map service is turned on and the others are turned off. You will also notice the panel on the bottom left, this is where the legend will be displayed. It pops up when any one of the "highlight" buttons are pushed as well. Of course it will need to change as the different buttons are pushed. The legend only needs to show the swatches that refer to the layer of the button that is pushed and is active.

Highlight Reports.jpg

RobertScheitlin__GISP

Jeremy,

I you want anything other than general advice like, look at the Renderer.getSymbol and then the Symbol.createSwatch methods than you really need to provide specific details like what code are you using to get access to the renderer, or even better a stripped down sample of what you are attempting with the multiple renderers.

CharlesHarris

Ha! Given that I'm that developer and my experience is limited, Where would I start? I'm trying to display the legend in a panel that pops up as a the user pushes buttons to change between different unique value renders of the same layer.

Thanks for your help!

RobertScheitlin__GISP

Jeremy,

Nope it is no where near that simple the widget is developed and dependent on the FlexViewer 2.0 framework and will not work independent of it. But I did provide the source code so a developer could look at and copy the code over to a non FV2.0 app.

CharlesHarris

Can I compile this widget outside of the sample viewer for use with an application that is not based upon the sample viewer? I would like to use it in a pop up window so that a legend is dynamically drawn in a pop up window when a button is pushed.

TomJones

Robert,

My project supervisor has decided to postpone the changes until the next phase of development, i.e. until we migrate to Flex 2.0.

Thanks for all your help and I'm sure you'll here from me then.

Regards
Tom :cool:

TomJones

Thanks for all your help. I'll try and implement it. 🙂

RobertScheitlin__GISP

Tom,

Here is the link

Be advised that this is not a simple thing to add...

http://forums.esri.com/Thread.asp?c=158&f=2421&t=299116&mc=139#934330

TomJones

Robert,

Did you perhaps write your own code for creating a dynamic legend?

Will you be willing to attach or post the complete code on this thread, please. I am really struggling to try and modify another developer's code.

Tom

RobertScheitlin__GISP

Tom,

I am afraid so unless the developer of the code you are using adds the same ability you are looking for.

TomJones

Is migrating to flex 2.0 the only solution. 😞

Thanks for all your help, Robert.
It's highly appreciated. 🙂

RobertScheitlin__GISP

Tom,

OK, That code is not mine, so I can not help with that. You will have to wait for this functionality until you switch to flexviewer 2.0.

TomJones

My apologies Robert, I really am a newbie to flex and currently quite confused

.

I used the dynamic legend sample at http://resources.esri.com/arcgisserver/apis/flex/index.cfm?fa=codeGalleryDetails&scriptID=16838.
I then used the code from LegendExample.mxml and added it to a live layer that we have created. This is shown below,

private function showStateLegend(event:MouseEvent):void
{
WidgetEffects.flipWidget(this, viewStack, "selectedIndex", 4, 400);
             LoadLegend();
}

private function LoadLegend() : void
{
displayMessage("Please wait while the legend loads", true);
lr.addEventListener(LegendEvent.COMPLETE, handleLegendComplete);

// to get the soap url from the rest url, simply replace the word "rest"
soap_url = rest_url.replace("/rest/services/","/services/");
r.RetrieveLegend(soap_url);
}

public function handleLegendComplete(event:LegendEvent) : void
{
var leg:Legend = new Legend();
leg.initialize();
leg.LegendData = lr.getLegendInfo();

PopUpManager.addPopUp(IFlexDisplayObject(leg), this, false);    leg.move(8, 115);
leg.height = 500;
}

I made no other changes to the remainder of the files included in the sample.

So, I'm unsure where exactly to place this bit of code you suggested, as there is no "updateLegend()" function anywhere within the code.

Sorry for the trouble.

Kirti,

Try this

//Add this import at the top with the others
import mx.binding.utils.ChangeWatcher;

//replace your existing function with this one
private function showStateLegend(event:MouseEvent):void
   {
    WidgetEffects.flipWidget(this, viewStack, "selectedIndex", 1, 400);
    //This is where we determine if this is the first call to make
    //the legend or do we just need to update it
    if (legendRepeater.dataProvider != null){
     updateLegend();
    } else {
     showMessage("Please be patient while the Legend is generated...", true);
     var liveLayers:Array = getLayers(); 
     var url:String; 
     for (var i:int = 0; i < liveLayers.length;i++) {
      if (liveLayers is ArcGISDynamicMapServiceLayer) {
       if (ArcGISDynamicMapServiceLayer(liveLayers).id != "Aerial Photography")
       {
        requestCount++;           
        url = ArcGISDynamicMapServiceLayer(liveLayers).url.replace("rest/", "");
        webService.generateLegends.send(url, 96, 20, 20, ArcGISDynamicMapServiceLayer(liveLayers).id);
        ChangeWatcher.watch(ArcGISDynamicMapServiceLayer(liveLayers), "visibleLayers", updateLegend2);
       }         
      } else if (liveLayers is ArcGISTiledMapServiceLayer) {
       requestCount++;
       url = ArcGISTiledMapServiceLayer(liveLayers).url.replace("rest/", "");
       webService.generateLegends.send(url, 96, 20, 20, ArcGISTiledMapServiceLayer(liveLayers).id);
       ChangeWatcher.watch(ArcGISTiledMapServiceLayer(liveLayers), "visibleLayers", updateLegend2);
      }     
     }     
    }
   }

RobertScheitlin__GISP

Kirti,

Try this

//Add this import at the top with the others
import mx.binding.utils.ChangeWatcher;

//replace your existing function with this one
private function showStateLegend(event:MouseEvent):void
   {
    WidgetEffects.flipWidget(this, viewStack, "selectedIndex", 1, 400);
    //This is where we determine if this is the first call to make
    //the legend or do we just need to update it
    if (legendRepeater.dataProvider != null){
     updateLegend();
    } else {
     showMessage("Please be patient while the Legend is generated...", true);
     var liveLayers:Array = getLayers(); 
     var url:String; 
     for (var i:int = 0; i < liveLayers.length;i++) {
      if (liveLayers is ArcGISDynamicMapServiceLayer) {
       if (ArcGISDynamicMapServiceLayer(liveLayers).id != "Aerial Photography")
       {
        requestCount++;           
        url = ArcGISDynamicMapServiceLayer(liveLayers).url.replace("rest/", "");
        webService.generateLegends.send(url, 96, 20, 20, ArcGISDynamicMapServiceLayer(liveLayers).id);
        ChangeWatcher.watch(ArcGISDynamicMapServiceLayer(liveLayers), "visibleLayers", updateLegend2);
       }         
      } else if (liveLayers is ArcGISTiledMapServiceLayer) {
       requestCount++;
       url = ArcGISTiledMapServiceLayer(liveLayers).url.replace("rest/", "");
       webService.generateLegends.send(url, 96, 20, 20, ArcGISTiledMapServiceLayer(liveLayers).id);
       ChangeWatcher.watch(ArcGISTiledMapServiceLayer(liveLayers), "visibleLayers", updateLegend2);
      }     
     }     
    }
   }

RobertScheitlin__GISP

Kirti.

Since you already have the 1.x version working it will not be hard for me to provide you with the code to replace. I will post something hopefully later today.

TomJones

I unfortunately did 😮 My apologies, think I was a bit to eager to implement this functionality.

Could you perhaps guide me in the direction for this same functionality for Sample Flex Viewer. I have read previous threads in the old forums but they were a bit complicated and I am a beginner at flex.

Thanks.

Kirti,

   You didn't miss this part did you?

This version is COMPLETELY dependent on 2 things

   1. ArcGIS Server 10 map services
   2. Flex Viewer 2.0 and obviously Flex API 2.0

It sound like you are trying to use the Sample Flex Viewer 1.x.

RobertScheitlin__GISP

Kirti,

   You didn't miss this part did you?

This version is COMPLETELY dependent on 2 things

   1. ArcGIS Server 10 map services
   2. Flex Viewer 2.0 and obviously Flex API 2.0

It sound like you are trying to use the Sample Flex Viewer 1.x.

TomJones

Hi Robert

I've already successfully implemented the first dynamic legend that you published a while back. However I am now interested in only showing the visible layers that have been selected in the legend.

I tried implementing your code - I am using Adobe Flash Builder 4 - but I receive the following error :
" Unable to locate specified base class 'com.esri.viewer.BaseWidget' for component class 'com.esri.solutions.flexviewer.widgets.DynamicLegend.DynamicLegendWidget'."

When i change the "viewer" namespace to "flexviewer", it returns the following error:
" The prefix "flexviewer" for element "flexviewer:BaseWidget" is not bound."

Your help would be kindly appreciated.
Thanks for all the other magnificent samples 🙂

Kirti

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.

SimonMorgan

I have all that in there, I have tried both with {locale} and with specifying "en_US". I still get the issue. I apologize for hijackign your thread here.

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

Alle Communities
Neueste Beiträge
Gefolgter Inhalt
Community-Hilfe

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