FV3 swipe spotlight widget refresh layer list

rzufelt

I am using the swipespotlight widget as well as the add map services widget.

Everything is working, however, once the map is loaded and I add services by drag/drop from the mapservices widget the "new" layers are not available to the swipe widget.

Is it possible to get the swipe/spotlight widget to actually list the layers currently loaded, or are we stuck getting this list from the original config.xml?

Thanks again,

R_

rscheitlin

Rhett,

    This would involve fixing code in the MapServicesWidget.mxml and Adding some event listeners to the SwipeSpotlightWidget.mxml.

So lets start with Odoe's Drag and Drop Map Services Widget.

In the MapServicesWidget.mxml find the AddLayerToMap function:

                if (item.type == DYNAMIC)                 {                     var dLayer:ArcGISDynamicMapServiceLayer = new ArcGISDynamicMapServiceLayer();                     dLayer.url = item.url;                     dLayer.name = dLayer.id = item.name;                     map.addLayer(dLayer);                 }                 else                 {                     var tLayer:ArcGISTiledMapServiceLayer = new ArcGISTiledMapServiceLayer();                     tLayer.url = item.url;                     tLayer.name = tLayer.id = item.name;                     map.addLayer(tLayer);                 }

Then in my SwipeSpotlightWidget.mxml:

Add this import

            import com.esri.ags.events.MapEvent;

Make these changes / additions:

            private function init():void             {                 if (configXML)                 {                     useBasemaps = configXML.usebasemaps && configXML.usebasemaps == "true";                     askAbout = configXML.askaboutturningonlayer && configXML.askaboutturningonlayer == "true";                 }                 if(useBasemaps){                     layArr = [];                     for(var i:int=0; i<map.layerIds.length; i++)                     {                         layArr.push(map.layerIds);                     }                     activeLayer.dataProvider = layArr;                 }else{                     layArr = [];                     for each (var opsLayer:Object in configData.opLayers){                         layArr.push(opsLayer.label);                     }                     activeLayer.dataProvider = layArr;                 }                 map.addEventListener(MapEvent.LAYER_ADD, mapLayerAddHandler, false);                 map.addEventListener(MapEvent.LAYER_REMOVE, mapLayerRemoveHandler, false);             }                          private function mapLayerAddHandler(event:MapEvent):void             {                 if(layArr.indexOf(event.layer.name) == -1){                     layArr.push(event.layer.name);                 }             }                          private function mapLayerRemoveHandler(event:MapEvent):void             {                 if(layArr.indexOf(event.layer.name) > -1){                     layArr.splice(layArr.indexOf(event.layer.name),1);                 }             }