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

SwipeSpotlight Widget update layers

rzufelt

Using FV3.1 and the latest available widgets, I am using the SwipeSpotlight widget and the Map Services widget (not the drag/drop, but this one http://www.arcgis.com/home/item.html?id=4ed10ea387444952a3f3f501fee02b76 ).

I have added the following to the SwipeSpotlight.mxml:

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

Now, if I add a layer using the MapServices widget and tell it to load at the bottom, it will load t the bottom of the TOC and will show in the dropdown list of the SwipeSpotlight widget. Doesn't really help much, as if it is on the bottom, I don't need to swipe it. However, if I configure to load at the top of the TOC, it will load it fine, but not show on the SwipeSpotlight dropdown unless I remove it, then add it again.

So, for some reason, it does not add the "first" layer added by the MapServices widget to the SS widget dropdown. They only get added after a re-order of the list

map.reorderLayer(dynLayer.id,configData.basemaps.length);

or adding/removing from the list.

Any ideas what I am missing?

R_

Encontre mais publicações marcadas com

Accepted answers

RobertScheitlin__GISP

Rhett,

The init function only happens once when the widget is loaded. You can get the id of any widget by it's label using

ViewerContainer.getInstance().widgetManager.getWidgetId("some label")

But as you are going to be in the widget just you can just set its state to closed.

this.widgetState("closed");

Once again untested.

All comments

RobertScheitlin__GISP

All,

There is an exciting new version of the widget available:

Version 3.6.1 - Feb 18, 2014
* Added support for freezing the swipe or spotlight mask. What this means is can let go of the mouse during a swipe or spotlight and the mask will remain frozen on the screen until you click again or press the esc button on the keyboard.
* Added the diagonalswipeenabled tag in the xml.
* Added the freezelayermask tag to the xml. This sets the checkbox on the Swipe widget GUI to true or false.
* Added support for multiple layers added to the map using the same label. This mean you can swipe or spotlight basemaps with reference layers and operational layers that have the same label for multiple layers.
* Redesigned the GUI to allow selecting the top and the bottom layer for the swipe or spotlight operations. Setting the layer in the top and bottom drop down lists will move that layer to the top or the bottom of the map respectively.
* When the widget is opened the order and visibility of all map layers are recorded and when the widget is closed they are reset to this original order/visibility.
* Depreciated the askaboutturningonlayer tag as now layers are set to visible by default when chosen in the top or bottom layer.

rzufelt

Well, guess I spoke to soon. Didn't realize that this once again made the services added by the MapServicesWidget to not show.

Apperantly, the swipespotlightwidget sees them as GraphicasLayer and adding

 if(!event.layer is GraphicsLayer)

to it makes the services added via the widget not populate the dropdown.

I made this change in the mapLayerAddHandler function, and it seems to be working. I'm sure not the best way, but this seems to handle graphic/search layers from search and draw widgets, as well as not adding the .zip and lables layers if I add using the ShapefilesWidget.

if(findInAc(event.layer.name) == -1 && 
        event.layer.name.indexOf("hiddenLayer_") == -1 && 
 event.layer.name.indexOf("Graphic") == -1 && 
 event.layer.name.indexOf("Search") == -1 &&
 event.layer.name.indexOf(".zip") == -1 && 
 event.layer.name.indexOf("Labels_") == -1)

R_

PS, tried the 3.2 version in both 3.1 and 3.2 and it does not add services added via the mapservices widget as it has the same coding for the add handler.

rzufelt

Thanks Robert, works like a champ.

I thought about using indexOf, but by then, it was the weekend, and no way to test.

R_

RobertScheitlin__GISP

Rhett,

Here is what you would need:

            private function init():void
            {
                if (configXML)
                {
                    useBasemaps = configXML.usebasemaps && configXML.usebasemaps == "true";
                    askAbout = configXML.askaboutturningonlayer && configXML.askaboutturningonlayer == "true";
                }
                if(useBasemaps){
                    layAc = new ArrayCollection();
                    for(var i:int=0; i<map.layerIds.length; i++)
                    {
                        if(map.layerIds.indexOf("hiddenLayer_") == -1){
                            layAc.addItem(map.layerIds);
                        }
                    }
                    activeLayer.dataProvider = layAc;
                }else{
                    layAc = new ArrayCollection();
                    for each (var opsLayer:Object in configData.opLayers){
                        layAc.addItem(opsLayer.label);
                    }
                    activeLayer.dataProvider = layAc;
                }
                map.addEventListener(MapEvent.LAYER_ADD, mapLayerAddHandler, false);
                map.addEventListener(MapEvent.LAYER_REMOVE, mapLayerRemoveHandler, false);
                wTemplate.header.addEventListener(MouseEvent.CLICK, DisplayVersion);
            }
            
            private function mapLayerAddHandler(event:MapEvent):void
            {
                if(findInAc(event.layer.name) == -1 && event.layer.name.indexOf("hiddenLayer_") == -1){
                    if(!event.layer is GraphicsLayer){
                        layAc.addItem(event.layer.name);
                    }
                }
                layAc.refresh();
            }

rzufelt

Hi Robert,

Have noticed that if I do an eSearch before I use the SwipeSpotlightWidget, the list of layers will now have:
Graphical Search Layer
Search Buffer Results
and hiddenLayer_All Waste Sites

If you select them in the dropdown, it doesn't even give you the swipe cursor or anything.

know these are coming from the eSearch widget, but, since they are not "operational" layers, my excluded layer code doesn't catch them.
So, I modified the mapLayerAddHandler to deal with it. Not sure if there is a better way, but this seems to work (at least, haven't found anything else it interferes with "yet").

   private function mapLayerAddHandler(event:MapEvent):void
   {
    if(findInAc(event.layer.name) == -1){
     
     if (event.layer.name != "Search Buffer Results" && event.layer.name != "Graphical Search Layer" && event.layer.name != "hiddenLayer_All Waste Sites"){
      layAc.addItem(event.layer.name);
       }
    }
    layAc.refresh();
   }

However, this obviously will work for the first two, but the hiddenLayer_service (sometimes hiddenLayer_All Waste Sites, hiddenLayer_Buildings, etc) depends on which service you last searched.

Can't for the life of me figure out how to code somthing like this that works in flex:

if (event.layer.name != "Search Buffer Results" && event.layer.name != "Graphical Search Layer" && event.layer.name Not Like "hiddenLayer_%")

Any ideas on the best way to handle this?

R_

rzufelt

Thanks again Robert, bottom of the init function works.

However, this.widgetState("closed") gives error of call to undefined method widgetState. Not sure why it doesn't like it so I addressed it this way:

//Added Code
    var data:Object = {
     id: widgetId,
     state: "closed"
    }
    AppEvent.dispatch(AppEvent.WIDGET_CHANGE_STATE, data); 
//End Added Code

and seems to be working. I can breifly see the swipe widget open and going to the minimized state (tranparent background, but not collapsed yet), then it closes.
all layers added with mapservices widget now show up.

Put my excludelayers option back in there (saw you changed layArr to layAc) and everything is working as desired.

Thanks again for you help on this,

R_

BTW, I'm actually using the sample TestOpenClose widget to get my widget ID's. pretty nifty GUI for that.

RobertScheitlin__GISP

Rhett,

The init function only happens once when the widget is loaded. You can get the id of any widget by it's label using

ViewerContainer.getInstance().widgetManager.getWidgetId("some label")

But as you are going to be in the widget just you can just set its state to closed.

this.widgetState("closed");

Once again untested.

rzufelt

Thought about that, but not sure how to keep it from closing itself when I do want to open it.

Maybe I could put it in the init function of a widget that loads afterwards?

Would I be correct in assuming that the widgetID number reflects the order that they are loaded in the viewer?

Guess it gives me a place to start.

Thanks,

R_

RobertScheitlin__GISP

Rhett,

I have not done that myself but the init function of the widget is where I would start testing, at the end of that function of course.

rzufelt

I think I have the code required to close the widget, just not sure where to put it.

Where would one insert code to close widgetID=10 after the map is done loading (for that matter, any time after the widgets have loaded)?

Thanks for any pointers,

R_

rzufelt

Thanks Robert, figured it was something like that.

I know the preload minimized works, but I really don't want the minimized widget floating on the viewer.

Was hoping there was a simple way to automatically close the widget after a preload=open/minimized. I see some examples of how to close a widget from within a widget, but not externally.

R_

RobertScheitlin__GISP

Rhett,

There is always preload="minimized". The MapServices widget does not add the loaded layers to the Viewers operational layers list so that is why when the Swipe is not preloaded it can not track the layers added by the Map Services widget. When the swipe widget is loaded it adds all the viewers operational layers and then adds listeners for new layers added to the map.

rzufelt

That did it. Seems to be working as expected once it has been opened.

However, I can add as many layers to the map as I want before I open the SwipeS widget, and they will not show up in the list at all.

If I open the SwipeSpotlight widget BEFORE I add any services, then all of them get added to the dropdown. SwipeSpotlight widget doesn't have to remain open, just as long as it has been opened (can be minimized or closed), the layers get added.

Not sure if this could easily be fixed or not? If not, is there an easy way to have it open and close the SwipeSpotlight widget automatically on viewer load (I know the preload="open", but what about automatically closing it)?

R_

RobertScheitlin__GISP

Rhett,

Yep I missed updating the uncompiled code... It is fixed now.

rzufelt

Robert,

I think maybe the zip file didn't get updated? The mxml from my 3.1 and 3.1.1 are identical.

R_

RobertScheitlin__GISP

Rhett,

See if version 3.1.1 fixes this for you. I reworked the whole dropdown list and events.

rzufelt

After seeing your post, I figure it must be because of my modification. I modified the SwipeSpotlight widget to allow a list of excluded layers, and modified the MapServices widget to have a checkbox for "Load at bottom" so you can choose at load time instead of hardcoded in the config.

So, I deleted everything, imported a new fv project, copied the API, etc. added the two widgets, even removed the other widgets.
Now I have a OOTB viewer stripped down with these two widgets added. I downloaded the latest versions (deleted the fires service from the MapServices.xml as it hangs the browser) and noticed that you have now included the listners in the swipe widget, so figured I'd be good to go.

Same thing, doesn't matter if I set the loadBottom to 0 or 1. It will put them in the "more" tab or TOC (depending on what fv I test it on as I don't have both loaded) at the top or bottom according to the loadBottom tag, but will NOT put it in the SwipeSpotlight widget list unless I remove that layer and add it back in again. However, every layer added after the first one will populate the dropdown whether I removed the first one or not..... Just that the first one won't show up afterwards unless it's removed first.

also, here is the code I added to exclude layers in case you wanted it some time (of course, the one I'm testing now is unaltered):

// My Add
   private var excludeLayers:Array;
   private var exclude:Boolean = false;

// End add
   private function init():void
   {
    if (configXML)
    {
     useBasemaps = configXML.usebasemaps && configXML.usebasemaps == "true";
     askAbout = configXML.askaboutturningonlayer && configXML.askaboutturningonlayer == "true";
//My Add
     excludeLayers = [];
     var elyrList:XMLList = configXML..excludelayer;
     for (var el:int = 0; el < elyrList.length(); el++) {
      excludeLayers.push(elyrList[el].@name.toString());
     }
    }
//End add
    
    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){
 // My Add
      opsLayer.exclude = false;
      if (excludeLayers.indexOf(opsLayer.label) != -1){
       opsLayer.exclude = true
      }else{
       opsLayer.exclude = false
      }
      if (opsLayer.exclude != true){
       layArr.push(opsLayer.label);
      }
     }
//End add

Anyway, I'm at a loss,

R_

RobertScheitlin__GISP

Rhett,

I am not sure what issue you are having as I have added this widget and it adds the layer that are set to loadbottom="0" just fine at the bottom of the Swipe widget layer list.

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

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