Leaflet different hover and click events

Question

I'm trying to give a popup for the mouse hover event instead of click on markers and do some some other stuff (e.g. a func) when it's get clicked.

My half successful code which I don't believe will help you think in that direction:

(I'm simply adding a hover on click event)

marker[i].on('mouseover', marker[i].bindPopup('hi').openPopup.bind(marker[i]));

[i] simply stands for a loop

Leaflet's API: http://leaflet.cloudmade.com/reference.html#map-openpopup

InPursuit InPursuit · Accepted Answer · 2012-10-22T14:27:47

The following code shows a popup when the marker is moused over and does something else when the marker is clicked:

marker[i].on('mouseover', function(evt) {
  //evt.target is the marker that is being moused over 
  //bindPopup() does not need to be called here if it was already called
  //somewhere else for this marker.
  evt.target.bindPopup('hi').openPopup();
});
marker[i].on('click', function(evt) {
  //again, evt.target will contain the marker that was clicked
  console.log('you clicked a marker');
});

Leaflet different hover and click events

2 Answers