leaflet 鼠标移动到图层时变_Leaflet Mouseout调用MouseOver事件

I have a leaflet map where I'm dynamically adding markers.

I want to call the popup for a marker when I hover over it in addition to when I click the marker.

My code is:

function makeMarker(){

var Marker = L.marker...

Marker.on('mouseover', function(){Marker.bindPopup('HI').openPopup();});

Marker.on('mouseout', function(){Marker.closePopup();});

}

If I comment out the mouseout line, then the popup appears but then I have to click elswhere to close it.

The problem is when I put in the mouseout, at that point, the cursor kinda flickers when it hovers over the marker and nothing shows. I think that the popup is openning but then closing really fast which is why the cursor flickers but I don't know how to fix this

解决方案

The popup is actually loading underneath the cursor and 'stealing' the mouse from the Marker, triggering the Marker.mouseout() event, which causes the popup to close and re-triggers the Marker.mouseover() event... and the cycle continues which is why you see the 'flicker'.

I have seen this happen depending on the zoom level (usually when zoomed right out).

Try adding an offset into your popup options to get it out of the way:

function makeMarker(){

var Marker = L.marker...

Marker.on('mouseover', function(){Marker.bindPopup('HI', {'offset': L.point(0,-50)}).openPopup();});

Marker.on('mouseout', function(){Marker.closePopup();});

}