How do you add marker to map using leaflet map.on('click', function) event handler

Question

I\'m trying to use an event handler to add a marker to the map. I can manage this with a callback function, but not when I separate the function from the event handler.

Answer 1

in your fiddle code, your function is in the wrong scope. try moving the function inside the map function instead of in it's own scope... i.e. instead of:

});

function addMarker(e){
// Add marker to map at click location; add popup window
var newMarker = new L.marker(e.latlng).addTo(map);
}

use

function addMarker(e){
// Add marker to map at click location; add popup window
var newMarker = new L.marker(e.latlng).addTo(map);
}
});