I am using OpenLayers 3 and I want to have a hover effect of a polygon layer below the top layer with labels. I can arrange the order of the layers that the labels are on top of the polygon, but unfortunately, the hover effect (pointerMove) jumps on top of the labels. Is there a way to fix that?

I created a fiddle with a simple example: http://jsfiddle.net/a4kL9441/1/


If you use select interaction, an overlay is created with the hover effect, that's why the label's tile are covered.

So, set style on feature on pointermove. A working fiddle.

  • Dear Jonatas, thanks for your efforts. This works perfect. Besides the hover event I also added a click event: jsfiddle.net/a4kL9441/7 – fidelfisch Aug 3 '15 at 10:48
  • I'm glad to help. Have a good day. – Jonatas Walker Aug 3 '15 at 10:55

heres a working example without ol.interaction.select: http://jsfiddle.net/a4kL9441/5/

but how to do that with ol.interaction.select I don´t know

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.