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

FeatureLayer not accessable when using the LayerSwipe widget

MarkPorter

I have a map where I am using a feature layer to display information in a popup box as the mouse hovers over a parcel.
I then added a LayerSwipe widget to allow the viewing of 2 different displays of a layer (on/off compared to amount used)

When I enable the LayerSwipe widget, I no longer have access to the feature Layer for mouse hover over the parcel.
If I disable LayerSwipe, I can once again use the feature layer hover.

Both work, just not together.

How can I use both Feature Layer and LayerSwipe in the same map?

Thanks for the help.
Mark Porter

Vind meer berichten getagd met

Accepted answers

MarkPorter

The first suggestion you gave me worked with one exception. I had to change the 'last' to 'first'.
The web map now works with my feature hover and the layer swipe both operational as designed.

Your help is greatly appreciated.
Mark Porter

I think I understand the problem.

Can you try moving the swipe domNode into the map domnode? After the widget is loaded probably.

Currenlty, the widget gets placed into the layers div but I think that is causing the hover issue.

Like this:
domConstruct.place(mySwipeWidget.domNode, dom.byId('my_map_id'), 'last');

All comments

MattDriscoll

Ok great. In API release 3.10 you shouldn't have to move the node anymore.

MarkPorter

I think I understand the problem.

Can you try moving the swipe domNode into the map domnode? After the widget is loaded probably.

Currenlty, the widget gets placed into the layers div but I think that is causing the hover issue.

Like this:
domConstruct.place(mySwipeWidget.domNode, dom.byId('my_map_id'), 'last');

MattDriscoll

Or you can overwrite the widget "_init" function to this:

_init: function() {
            // set type of swipe
            this._setSwipeType();
            // events
            this._setupEvents();
            // check if not enabled
            this._enabled();
            // we're ready
            this.set("loaded", true);
            this.emit("load", {});
            // giddyup
            this.swipe();
        },

MattDriscoll

I think I understand the problem.

Can you try moving the swipe domNode into the map domnode? After the widget is loaded probably.

Currenlty, the widget gets placed into the layers div but I think that is causing the hover issue.

Like this:

domConstruct.place(mySwipeWidget.domNode, dom.byId('my_map_id'), 'last');

MarkPorter

Hi Matt

Here are the links to a temporary demo I set up.
I disabled the username and password, so you only need to click on the login button.

Both maps are the same code with one exception. In the noswipe link, i don't startup the swipe widget.

This link does not startup the swipe widget and the mouse over the parcel popup works as designed.
http://gis.eid.ab.ca/demo/noswipe/idars.html

This link has the swipe widget started and the mouse over the parcel popup no longer works.
http://gis.eid.ab.ca/demo/swipe/idars.html

Thanks for the help
Mark

MattDriscoll

Do you have a sample you could post or link to?

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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