topic Re: Change Search widget to use selectedColor instead of resultMarkerSymbol in ArcGIS Viewer for Flex Questions

Change Search widget to use selectedColor instead of resultMarkerSymbol

ChrisBeaudette — Sun, 09 Jan 2011 16:47:46 GMT

I'm trying to figure out how to modify the Search widget in the Flex Viewer so that selected features (points in my case) are highlighted with the "halo effect" using the selectedColor for the FeatureLayer. The widget currently "highlights" the selected features by overlaying the search icon on top of the point (w/ a slight offset). I want to disable the "icon symbol" in favor of a "highlight symbol".

It looks like to disable the "icon symbol" I can simply comment out this line in displayFeatures():
graphic.symbol = searchResult.symbol = resultMarkerSymbol

But it's not clear to me how to implement the "highlight symbol". It seems like I have to capture each selected feature and somehow (?) highlight it.

Thanks in advance for any help.

Re: Change Search widget to use selectedColor instead of resultMarkerSymbol

DasaPaddock — Sun, 09 Jan 2011 21:38:46 GMT

You could try calling queryLayer.selectFeatures() instead of queryLayer.queryFeatures(). This returns an Array of features though instead of a FeatureSet so you'd also need to make some changes to createSearchResults(). It may be easier to just set the highlight on the Graphic yourself in createSearchResults(). You'd need to add a GlowFilter to the Graphic's filters array.

See:
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/DisplayObject.html#filters
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/filters/GlowFilter.html

Here's what's used in the FeatureLayer:

            glowFilter = new GlowFilter();
            glowFilter.alpha = 0.6;
            glowFilter.blurX = 16;
            glowFilter.blurY = 16;
            glowFilter.inner = feature.geometry is Polygon;
            glowFilter.strength = 8;
glowFilter.color = selectionColor;

Re: Change Search widget to use selectedColor instead of resultMarkerSymbol

ChrisBeaudette — Mon, 10 Jan 2011 16:16:05 GMT

You could try calling queryLayer.selectFeatures() instead of queryLayer.queryFeatures(). This returns an Array of features though instead of a FeatureSet so you'd also need to make some changes to createSearchResults(). It may be easier to just set the highlight on the Graphic yourself in createSearchResults(). You'd need to add a GlowFilter to the Graphic's filters array.

See:
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/DisplayObject.html#filters
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/filters/GlowFilter.html

Here's what's used in the FeatureLayer:

            glowFilter = new GlowFilter();
            glowFilter.alpha = 0.6;
            glowFilter.blurX = 16;
            glowFilter.blurY = 16;
            glowFilter.inner = feature.geometry is Polygon;
            glowFilter.strength = 8;
glowFilter.color = selectionColor;

Thanks Dasa!

Thet gets me a lot closer: I was able to add a GlowFilter to each feature in the FeatureSet. However it's still using the widget icon as a marker and I simply want to highlight the map feature icon as it's symbolized from the server (also a PictureMarkerSymbol).

I commented out this line in init:
graphicsLayer.symbol = resultMarkerSymbol;

and this one in createSearchResults():
graphic.symbol = searchResult.symbol = resultMarkerSymbol;

But now the results are displayed with a black circle (with the yellow highlight/GlowFilter) on top of my map icons (see i1.png). What I'd like to do is mimic the map icon getting highlighted similar when you select a feature to edit using the Edit widget. i2.png shows the same feature icons but "un-highlighted".

Re: Change Search widget to use selectedColor instead of resultMarkerSymbol

DasaPaddock — Mon, 10 Jan 2011 18:57:28 GMT

Currently the Search Widget doesn't retrieve the server's symbology. Here are a couple of options you could try.

1. Use the DetailsTask to get the LayerDetails and then set the graphicsLayer.renderer to layerDetails.drawingInfo.renderer. Make sure than your getting the fields used by the renderer.

http://help.arcgis.com/en/webapi/flex/apiref/com/esri/ags/tasks/DetailsTask.html#getDetails()

2. Instead of adding a GraphicsLayer to the map, add a FeatureLayer and call selectFeatures() instead of queryFeatures().

Re: Change Search widget to use selectedColor instead of resultMarkerSymbol

DasaPaddock — Mon, 10 Jan 2011 19:03:02 GMT

Actually a better option than 1 above is to get the layerDetails from the FeatureLayer that's already being created.

Re: Change Search widget to use selectedColor instead of resultMarkerSymbol

DerekHunter — Fri, 13 May 2011 15:54:54 GMT

Did you ever get a proper solution??

Thanks Dasa!

Thet gets me a lot closer: I was able to add a GlowFilter to each feature in the FeatureSet. However it's still using the widget icon as a marker and I simply want to highlight the map feature icon as it's symbolized from the server (also a PictureMarkerSymbol).

I commented out this line in init:
graphicsLayer.symbol = resultMarkerSymbol;

and this one in createSearchResults():
graphic.symbol = searchResult.symbol = resultMarkerSymbol;

But now the results are displayed with a black circle (with the yellow highlight/GlowFilter) on top of my map icons (see i1.png). What I'd like to do is mimic the map icon getting highlighted similar when you select a feature to edit using the Edit widget. i2.png shows the same feature icons but "un-highlighted".