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

Symbolizing layers on AGS 9.3 in Flex Viewer v2.2

ChristinaKepler

I'm using the latest v2.2 of the Flex Viewer against v9.3.1 of AGS. In my viewer, I'm using a FeatureLayer as follows:

<layer label="Wells" type="feature" visible="true" alpha="1"
                   info="widgets/InfoTemplates/SimpleInfoWinWidget.swf"
                   infoconfig="widgets/InfoTemplates/Wells_Simple.xml"
                   url="http://myServer/ArcGIS/rest/services/myService/MapServer/0"/>

The reason for this is so that I can leverage the InfoWindow functionality in the viewer, which doesn't work when the layer 'type=dynamic'.

Everything works as expected, but the layer is being symbolized with black circles (looks like a default setting) instead of the symbology from the server, as it does w/ AGS v10.

Question: Is there a way to mimic the server-side symbology on the Flex client when using the v2.2 viewer against a v9.3.x service?

Finde mehr Beiträge mit dem Tag

Accepted answers

All comments

RobertScheitlin__GISP

Christina,

Yes but it involves changing the MapManager.mxml code.

ChristinaKepler

Thanks for the quick response Robert.

After a quick search I couldn't find any other forum threads where the changes to MapManager.mxml were explained. And it looks like the only references to symbology in MapManager.mxml are for drawing tools. Do you know if these changes have done elsewhere and if so, where I could get additional details?

Barring that, is the FeatureLayer/AGS MapServer service the only option I have for displaying InfoWindows in v2.2 of the Flex Viewer w/ a 9.3.1 AGS service? Or has someone else overcome that as well?

Thanks!

RobertScheitlin__GISP

Christina,

I couldn't remember if you were one of those who was not using the source code.

So here is a snippet of what I do in my MapManager.mxml in the addLayerToMap function.

                    case "feature":
                    {
                        var featureLayer:FeatureLayer = new FeatureLayer(url);
                        featureLayer.addEventListener(FlexEvent.HIDE, featureLayer_hideHandler);
                        featureLayer.alpha = alpha;
                        featureLayer.id = label;
                        featureLayer.name = label;
                        featureLayer.outFields = [ '*' ];
                        featureLayer.token = token;
                        featureLayer.visible = visible;
                        featureLayer.useMapTime = useMapTime;
      if (label == "Traffic Cameras")
      {
       var picSymbol:PictureMarkerSymbol = new PictureMarkerSymbol("assets/images/i_camera.png",30,30,0,0,0);
       var rend:Renderer = new SimpleRenderer(picSymbol);
       featureLayer.renderer = rend;
      }
      if (label == "Louisville Police Facilities")
      {
       var picSymbol0:PictureMarkerSymbol = new PictureMarkerSymbol("assets/images/i_policestation.png",30,30,0,0,0);
       var rend0:Renderer = new SimpleRenderer(picSymbol0);
       featureLayer.renderer = rend0;
      }
      if (label == "Louisville Places")
      {
       var picSymbol2:PictureMarkerSymbol = new PictureMarkerSymbol("assets/images/bat.png",30,30,0,0,0);
       var picSymbol3:PictureMarkerSymbol = new PictureMarkerSymbol("assets/images/horse.png",30,30,0,0,0);
       var picSymbol4:PictureMarkerSymbol = new PictureMarkerSymbol("assets/images/mansion.png",30,30,0,0,0);
       var uniqueValuerenderer:UniqueValueRenderer = new UniqueValueRenderer();
       uniqueValuerenderer.attribute = "NAME";
       var uniqueValueInfos:Array = [];
       uniqueValueInfos.push(new UniqueValueInfo(picSymbol3, "Chuchhill Downs"));
       uniqueValueInfos.push(new UniqueValueInfo(picSymbol2, "louisville slugger factory"));
       uniqueValueInfos.push(new UniqueValueInfo(picSymbol4, "Whitehall Mansion"));
       uniqueValuerenderer.infos = uniqueValueInfos;
       featureLayer.renderer = uniqueValuerenderer;
      }
                        if (useAMF)
                        {
                            featureLayer.useAMF = useAMF == "true";
                        }
                        if (mode)
                        {
                            featureLayer.mode = mode;
                        }
                        if (definitionExpression && definitionExpression != "")
                        {
                            featureLayer.definitionExpression = definitionExpression;
                        }
                        if (proxyUrl && useProxy)
                        {
                            featureLayer.proxyURL = proxyUrl;
                        }
                        if (operationalLayer)
                        {
                            layerObject.layer = featureLayer;
                        }
                        map.addLayer(featureLayer);
                        break;
                    }

ChristinaKepler

Works like a charm, thanks Robert!

And thanks especially for the UniqueValueRenderer example which is exactly what I needed.

AlisonPage

I had problems with this method working in viewer 2.4. Is there a new set of code for 2.4?

Thanks!

RobertScheitlin__GISP

Alison,

This is what I have working in 2.4:

                    case "feature":
                    {
                        var featureLayer:FeatureLayer = new FeatureLayer(url);
                        featureLayer.addEventListener(FlexEvent.HIDE, featureLayer_hideHandler);
                        featureLayer.alpha = alpha;
                        featureLayer.id = label;
                        featureLayer.name = label;
                        featureLayer.maxAllowableOffset = maxAllowableOffset;
                        featureLayer.outFields = [ '*' ]; // TODO: be smarter
                        featureLayer.token = token;
                        featureLayer.visible = visible;
                        featureLayer.useMapTime = useMapTime;
                        featureLayer.clusterer = clusterer;
                        
                        if (label == "Louisville Places")
                        {
                            var picSymbol2:PictureMarkerSymbol = new PictureMarkerSymbol("assets/images/bat.png",30,30,0,0,0);
                            var picSymbol3:PictureMarkerSymbol = new PictureMarkerSymbol("assets/images/horse.png",30,30,0,0,0);
                            var picSymbol4:PictureMarkerSymbol = new PictureMarkerSymbol("assets/images/mansion.png",30,30,0,0,0);
                            var uniqueValuerenderer:UniqueValueRenderer = new UniqueValueRenderer();
                            uniqueValuerenderer.attribute = "NAME";
                            var uniqueValueInfos:Array = [];
                            uniqueValueInfos.push(new UniqueValueInfo(picSymbol3, "Chuchhill Downs"));
                            uniqueValueInfos.push(new UniqueValueInfo(picSymbol2, "louisville slugger factory"));
                            uniqueValueInfos.push(new UniqueValueInfo(picSymbol4, "Whitehall Mansion"));
                            uniqueValuerenderer.infos = uniqueValueInfos;
                            featureLayer.renderer = uniqueValuerenderer;
                        }
                        
                        if (useAMF)
                        {
                            featureLayer.useAMF = (useAMF == "true");
                        }
                        if (mode)
                        {
                            featureLayer.mode = mode;
                        }
                        if (definitionExpression)
                        {
                            featureLayer.definitionExpression = definitionExpression;
                        }
                        if (proxyUrl && useProxy)
                        {
                            featureLayer.proxyURL = proxyUrl;
                        }
                        // example for hard-coding layer symbology, e.g. for pre-10.0 ArcGIS Servers
                        /* if (label == "Traffic Cameras") // the layer label in main configuration file
                        {
                            var picSymbol:PictureMarkerSymbol = new PictureMarkerSymbol("assets/images/i_camera.png",30,30,0,0,0);
                            var rend:Renderer = new SimpleRenderer(picSymbol);
                            featureLayer.renderer = rend;
                        } */
                        layerObject.layer = featureLayer;
                        featureLayer.addEventListener(LayerEvent.LOAD_ERROR, layer_loadErrorEvent);
                        featureLayer.addEventListener(LayerEvent.LOAD, layer_loadEvent);
                        //featureLayer.addEventListener(GraphicEvent.GRAPHIC_ADD, addGraListeners);
                        map.addLayer(featureLayer);
                        break;
                    }

AlisonPage

Hi Robert,
Thank you for the updated code. Is it possible to assign multiple pop-up XMLs to a single feature layer and use the definitionexpression property to distinguish the fields that are displayed in each pop-up?
Thank you,
Alison

RobertScheitlin__GISP

Alison,

I don't know of a way for that to work.

AlisonPage

Thanks for responding, at least I know I can rule that method out.

-Alison

AlisonPage

Hi Robert,

I apologize for continuing to bother you with questions. I'm trying to determine the best way to populate my popups. I have several fields listed in my popup XML that may or may not have values depending on the project it's associated with.

What I would like is to write an "if, else" script (I assume that's the best way) that will change the field to visible="false" if there are no values for that field. Basically if there is no value, I don't want anything displayed for that field in my popup. Is there a good way to do this? I hope I explained it sufficiently.

Thank you,
Alison

RobertScheitlin__GISP

Alison,

I don't know the particulars of your workflow but why don't you have a particular config-Project1.xml that has popup xml files defined for the exact fields that will be there and another config-Project2.xml for the other project?

AlisonPage

Hi Robert,

I thought about doing that but I can't have multiple popup xml files for one layer. What I'm trying to do is something like this (Please excuse my lack of scripting language knowledge):

if { fieldname value="<null>" fieldname visible="false"; }
else { fieldname visible="true" }

Can you mold that into something that I could actually put in the <![CDATA[ ]]> area of the popup xml?

Thank you,
Alison

RobertScheitlin__GISP

Alison,

There actually is no CDATA portion that can be used in the PopUp xml. So that is not an option. You would have to create or extend your own PopUpRendererSkin.mxml and add the logic to that.

I thought about doing that but I can't have multiple popup xml files for one layer.

I still think you or I are missing something here. If you have a unique MAIN config.xml that is used for each project than that main config file can have a unique popup config xml for a particular layer.

AlisonPage

I'm sorry when I said "project" earlier, I wasn't talking about a FlashBuilder project, I meant "estuary restoration projects" which are what I'm mapping. Some restoration projects have photos that I want to show and some do not. As it turns out as I was pasting the code into this comment, I realized I had coded part of the xml wrong. Everything is working as expected now.

Thanks for putting up with me,
Alison

RobertScheitlin__GISP

Alison,

I am interested in what you came up with.

AlisonPage

So, here is my code for the pop-ups:
<?xml version="1.0" ?>
<configuration>
    <title>{PROJECT_NAME}: {NEP_NAME}</title>
    <description>
        <![CDATA[]]>
    </description>
    <medias>
     <media type="image" title="{HEADER1}" imagesource="{IMAGE1}" caption="Photo by: {CREDIT1}" />
        <media type="image" title="{HEADER2}" imagesource="{IMAGE2}" caption="Photo by: {CREDIT2}" />
        <media type="image" title="{HEADER3}" imagesource="{IMAGE3}" caption="Photo by: {CREDIT3}" />
    </medias>
    <showattachments>false</showattachments>
</configuration>

And it works the way I'd like. When there is an image to show, the header, image, and photo credit appear with it. When there is no image to show, none of the media fields show up. I'm in the process of editing the mapmanager to put a camera icon on the points with images and a standard point on the ones without. I wanted to attached is a screenshot of a popup with images but couldn't put it in this forum unless it was a public URL (sorry). I also have to look into the popup skin to see about sizing my images to fill the borders.

Thanks,Alison

AlisonPage

Hi Robert,
I'm getting the following errors when I try to do an export build for my flexviewer after I added the code to MapManager.mxml. Please tell me what I'm doing wrong.

Errors:
See details for more information.
Encountered errors or warnings while building project index.mxml.
    MapManager.mxml: Type was not found or was not a compile-time constant: UniqueValueRenderer.
    MapManager.mxml: Call to a possibly undefined method UniqueValueRenderer.
    MapManager.mxml: Call to a possibly undefined method UniqueValueInfo.
    MapManager.mxml: Call to a possibly undefined method UniqueValueInfo.
Encountered errors or warnings while building project SearchWidget.mxml.
    MapManager.mxml: Type was not found or was not a compile-time constant: UniqueValueRenderer.
    MapManager.mxml: Call to a possibly undefined method UniqueValueRenderer.
    MapManager.mxml: Call to a possibly undefined method UniqueValueInfo.
    MapManager.mxml: Call to a possibly undefined method UniqueValueInfo.
Encountered errors or warnings while building project WidgetContainerWidget.mxml.
    MapManager.mxml: Type was not found or was not a compile-time constant: UniqueValueRenderer.
    MapManager.mxml: Call to a possibly undefined method UniqueValueRenderer.
    MapManager.mxml: Call to a possibly undefined method UniqueValueInfo.
    MapManager.mxml: Call to a possibly undefined method UniqueValueInfo.
Encountered errors or warnings while building project TOCWidget.mxml.
    MapManager.mxml: Type was not found or was not a compile-time constant: UniqueValueRenderer.
    MapManager.mxml: Call to a possibly undefined method UniqueValueRenderer.
    MapManager.mxml: Call to a possibly undefined method UniqueValueInfo.
    MapManager.mxml: Call to a possibly undefined method UniqueValueInfo.
Encountered errors or warnings while building project MapSwitcherWidget.mxml.
    MapManager.mxml: Type was not found or was not a compile-time constant: UniqueValueRenderer.
    MapManager.mxml: Call to a possibly undefined method UniqueValueRenderer.
    MapManager.mxml: Call to a possibly undefined method UniqueValueInfo.
    MapManager.mxml: Call to a possibly undefined method UniqueValueInfo.
Encountered errors or warnings while building project LayerListWidget.mxml.
    MapManager.mxml: Type was not found or was not a compile-time constant: UniqueValueRenderer.
    MapManager.mxml: Call to a possibly undefined method UniqueValueRenderer.
    MapManager.mxml: Call to a possibly undefined method UniqueValueInfo.
    MapManager.mxml: Call to a possibly undefined method UniqueValueInfo.

Code I added to my MapManager.mxml:
case "feature":
                    {
   var featureLayer:FeatureLayer = new FeatureLayer(url);
   featureLayer.addEventListener(FlexEvent.HIDE, featureLayer_hideHandler);
   featureLayer.alpha = alpha;
   featureLayer.id = label;
   featureLayer.name = label;
   featureLayer.maxAllowableOffset = maxAllowableOffset;
   featureLayer.outFields = [ '*' ]; // TODO: be smarter
   featureLayer.token = token;
   featureLayer.visible = visible;
   featureLayer.useMapTime = useMapTime;
   featureLayer.clusterer = clusterer;
             if (label == "NEP_Projects")
                           {
                               var picSymbol1:PictureMarkerSymbol = new PictureMarkerSymbol("assets/images/i_camera.png",30,30,0,0,0);
                               var picSymbol2:PictureMarkerSymbol = new PictureMarkerSymbol("assets/images/i_target.png",30,30,0,0,0);
                               var uniqueValuerenderer:UniqueValueRenderer = new UniqueValueRenderer();
                               uniqueValuerenderer.attribute = "PHOTO";
                               var uniqueValueInfos:Array = [];
                               uniqueValueInfos.push(new UniqueValueInfo(picSymbol1, "Y"));
                               uniqueValueInfos.push(new UniqueValueInfo(picSymbol2, "N"));
                               uniqueValuerenderer.infos = uniqueValueInfos;
                               featureLayer.renderer = uniqueValuerenderer;
                          }
                          if (useAMF)
                          {
                               featureLayer.useAMF = (useAMF == "true");
                          }
                          if (mode)
                          {
                               featureLayer.mode = mode;
                          }
                          if (definitionExpression)
                          {
                              featureLayer.definitionExpression = definitionExpression;
                          }
                          if (proxyUrl && useProxy)
                          {
                              featureLayer.proxyURL = proxyUrl;
                          }
                             // example for hard-coding layer symbology, e.g. for pre-10.0 ArcGIS Servers
                            /* if (label == "Traffic Cameras") // the layer label in main configuration file
                          {
                              var picSymbol:PictureMarkerSymbol = new PictureMarkerSymbol("assets/images/i_camera.png",30,30,0,0,0);
                              var rend:Renderer = new SimpleRenderer(picSymbol);
                              featureLayer.renderer = rend;
                        } */
         layerObject.layer = featureLayer;
         featureLayer.addEventListener(LayerEvent.LOAD_ERROR, layer_loadErrorEvent);
         featureLayer.addEventListener(LayerEvent.LOAD, layer_loadEvent);
                              map.addLayer(featureLayer);
                              break;

-Alison

RobertScheitlin__GISP

Allison,

You are simply missing the imports for those components:

import com.esri.ags.renderers.UniqueValueRenderer;
            import com.esri.ags.renderers.supportClasses.UniqueValueInfo;

AlisonPage

Hi Robert,

It's been a while.. I was pulled away on a different project and now I'm back to my mapping application. Thank you for the last post, with that code addition I was able to get the MapManager updated and do a project release build without it failing. I can't seem to get the icons I've set for my symbology to actually appear on my map though. Any thoughts?
Here is my code for specifying the icons:
if (label == "NEP_Projects")
      {
       var picSymbol1:PictureMarkerSymbol = new PictureMarkerSymbol("assets/images/i_camera.png",30,30,0,0,0);
       var picSymbol2:PictureMarkerSymbol = new PictureMarkerSymbol("assets/images/i_target.png",30,30,0,0,0);
       var uniqueValuerenderer:UniqueValueRenderer = new UniqueValueRenderer();
       uniqueValuerenderer.attribute = "PHOTO";
       var uniqueValueInfos:Array = [];
       uniqueValueInfos.push(new UniqueValueInfo(picSymbol1, "Y"));
       uniqueValueInfos.push(new UniqueValueInfo(picSymbol2, "N"));
       uniqueValuerenderer.infos = uniqueValueInfos;
       featureLayer.renderer = uniqueValuerenderer;
      }

And in my xml file, I've added the following in the opening configuration tag:
<configuration label="NEP_Projects">

Is all that correct?
Thanks again,
Alison

RobertScheitlin__GISP

Alison,

A couple of questions.

Your attribute field "PHOTO" is a string field that contains values like "Y" and "N"?
The layer with type="feature" that you are trying to symbolize has a label of "NEP_Projects" in your main configuration file? and looks something like this:
```
<layer label="NEP_Projects" type="feature" visible="true"
```

http://your

I am not sure what this is talking about...
And in my xml file, I've added the following in the opening configuration tag:

AlisonPage

Hi Robert,

1. Yes, PHOTO is a field in my map service with the value or Y or N.
2. I obviously put the label in the wrong place. I thought it was to go into the xml file for the popupconfig instead of in the feature layer tag in the main config.

I'll change that and give it another try. Thanks so much!

-Alison

AlisonPage

That worked for showing the symbology on the map but it doesn't change them in the Map Contents widget (screenshot below). Any thoughts on how I can get them to show up in the widget?

Thanks,
Alison

AlisonPage

Anyone have any thoughts on why the symbols listed in my mapmanager.mxml aren't showing up in my map contents widget? Screenshot is in the last post above.

ZiqingYu_0-1716540852862.png

RobertScheitlin__GISP

Alison,

The TOC/Legend widget is only going to display what ArcGIS Server is returning and not what you are overriding in the map manager.

AlisonPage

So I should add the same symbology to my mapservice?

RobertScheitlin__GISP

Alison,

Yes. That is it exactly and if you do that then there is really no need for the MapManager code change.

Nimm an der Diskussion teil

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

Schnellzugriffe

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