markerclustererplus
markerclustererplus copied to clipboard
Using mouseover and mouseout for InfoWindow causes InfoWindow flickering and consecutive event trigger of mouseover and mouseout
I am using this library in an AngularJS project with ngMap. I attached mouseover
and mouseout
event to MarkerClusterer
object. When mouse is hovered over the cluster I am displaying all individual marker's detail in single InfoWindow
of that cluster. Whenever user's mouse is out from cluster I want to hide the InfoWindow
. Now the functionality works partially correct. When the mouse is put on the count of cluster, the mouseover
and mouseout
events are being called consecutively, due to that the InfoWindow
get visible/hide and it creates a flickering effect. Am I missing anything in my code to eliminate that flicker?
I am giving you the both examples. On is in plain JavaScript and other is in AngularJs with ngMap. Also attached the video which shows the issue I am facing.
Thanks!
ngMap + MarkerClusterPlus + InfoWindow + MouseOver + MouseOut = InfoWindow Flickering Issue https://plnkr.co/edit/4Yl8avzyKEgtEYvffIM7?p=preview
https://www.useloom.com/share/0e183dee979e4accb90887ba3d9ba59a
Plain JavaScript + MarkerClusterPlus + InfoWindow + MouseOver + MouseOut = InfoWindow Flickering Issue http://jsfiddle.net/2onvfwdy/89/
https://www.useloom.com/share/9927951ace714557a3e8d803c96d073f