Trigger click on leaflet marker

Question

I have a bunch of leaflet markers on the map. Each marker is held in array markers. The markers are created dynamically (during an ajax call).

v         


        

Answer 1

To emulate a mouse click, you can use the fire method (inherited from Evented.fire) on the marker :

marker.fire('click');

And a demo

var map = L.map('map').setView([0, 0], 12);

var icon = L.icon({
  iconUrl: 'http://leafletjs.com/examples/custom-icons/leaf-green.png'
});
var marker = L.marker([0, 0], {icon: icon})
  .addTo(map);
  
  
var myHoverIcon = L.icon({
  iconUrl: 'http://leafletjs.com/examples/custom-icons/leaf-red.png'
});
  
  
marker.on('click', function(e) {
  marker.setIcon(myHoverIcon);
});

document.querySelector('button').addEventListener('click', function() {
  marker.fire('click');
});

html, body {
  height: 100%;
  margin: 0;
}
#map {
  width: 100%;
  height: 100%;
}

button {position: absolute; left:10 px; top: 70px;}

   

Click me