Multiple Grid Layers

[webdobe]

How do I deal with multiple active grid layers? Is there any way to trigger grabbing grid data of one grid layer based on the positioning on another grid layer?

Having difficulties figuring out how to approach this.

[danzel]

You add listeners on each of them and handle them like normal.

I'm not sure what you mean by your second question, all grid layers should be in the same position?

[webdobe]

I have added listeners to both. But the layer below the other grid layer does not know if it is being moused. I find no evidence that all grid layers are the same position. Even if I am using mapboxes swipe layers example what I want to achieve is being a pain.

This is kind of a bad example since I am using 2 separate maps http://widash.visiontech360.com/console/broadband_slider_map but I would still like to be able to trigger the hover of one maps grid layer based on the others. That would allow for my mouse events to activate both sets of data. SO when I am hovering the top slider layer I would see grid data for both allowing for better comparing. After all that is what that ui is for.

[webdobe]

I guess I can try and add listeners to the top layer for every layer underneath. I will try this and let known if it works.

[danzel]

To use it across 2 maps you'll need to do some dodgyness:

Listen for mouse events on both maps so you get latlng's.

Call the _objectForEvent method on your grid layer, passing your mouse event.
See: https://github.com/danzel/Leaflet.utfgrid/blob/master/src/leaflet.utfgrid.js#L122

You'll get the same object back that the events usually fire.

Hopefully this gets you there!