Question

141

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

rated 0 times [ 144] [ 3] / answers: 1 / hits: 73832 / 11 Years ago, thu, august 22, 2013, 12:00:00

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.

Callback (http://fiddle.jshell.net/rhewitt/U6Gaa/7/):

map.on('click', function(e){

    var marker = new L.marker(e.latlng).addTo(map);

});

Separate function (http://jsfiddle.net/rhewitt/U6Gaa/6/):

function newMarker(e){

    var marker = new L.marker(e.latlng).addTo(map);

}

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

trayvon

Add To Favorites

Follow

Total Points: 35

Total Questions: 117

Total Answers: 88

Location: Guernsey

Member since Tue, Jul 6, 2021

3 Years ago

trayvon questions

1 Bootstrap modal UncaughtType Error on modal loading

Sun, Apr 24, 22, 00:00, 2 Years ago

1 Iterate through array of objects using javascript

Wed, Feb 9, 22, 00:00, 2 Years ago

1 Error in function createFiberFromTypeAndProps in ./node_modules/react-dom/cjs/react-dom.development.js:25058

Sun, May 23, 21, 00:00, 3 Years ago

1 Why could window scroll event not being fired

Tue, Jul 14, 20, 00:00, 4 Years ago

1 Error: Connecting to a SFTP server with ssh2-sftp-client in a AWS lambda function throws a time out

Thu, Jun 4, 20, 00:00, 4 Years ago

View All

answered 11 Years ago kerryoliviaa · Accepted Answer

In your fiddle code, the 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 (note the 2 brackets moved further down)

function addMarker(e){

    // Add marker to map at click location; add popup window

    var newMarker = new L.marker(e.latlng).addTo(map);

}



});