Маркер в листовке, нажмите событие

Question

var map = L.map('map'); 
var marker = L.marker([10.496093,-66.881935]).on('click', onClick); 
function onClick(e) {alert(e.latlng);} 
marker.addTo(map) 

Когда я нажмите на маркер, то предупреждающее сообщение не определено

Но если я положил его в переменной карте, это работает! (показывает широту и долготу)

map.on('click', onClick); 

Кто-нибудь знает, почему он не работает в маркерах?

Answer 1

Я нашел решение:

function onClick(e) {alert(this.getLatLng());} 

используется метод getLatLng() маркера

Answer 2

приведенный выше ответ правильный и по праву принято. Однако, как и для @snowgage, мне понадобилось немного больше ясности, поэтому на случай, если кто-то еще сделает это:

Листовка позволяет событиям стрелять практически на все, что вы делаете на своей карте. В этом случае маркер.

Таким образом, вы могли создать маркер на каждый вопрос выше:

L.marker([10.496093,-66.881935]).addTo(map).on('mouseover', onClick); 

Затем создать функцию OnClick:

function onClick(e) { 
    alert(this.getLatLng()); 
} 

Теперь в любое время вы наведите курсор мыши, что маркер будет срабатывать предупреждение тока широта/долгота. ОДНАКО, вы могли бы делать «кликнуть», «dblclick» и т. Д. Вместо «мыши», а вместо предупреждения lat/long вы можете использовать js в теле onClick, чтобы сделать что-нибудь еще, что вы хотите.

Вот документация следовать: http://leafletjs.com/reference.html#events

Answer 3

соответствующая дополнительная информация: Обычная потребность передать идентификатор объекта, представленный маркерами какого-то АЯКС вызова с целью извлечения больше информации с сервера ,

кажется, что когда мы делаем:

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

В e указывает на MouseEvent, который не позволяет нам добраться до объекта маркером. Но есть встроенный объект, который, как ни странно, требует от нас использовать this.options, чтобы добраться до объекта options, который позволит нам передать все, что нам нужно. В приведенном выше случае, мы можем передать некоторый идентификатор в качестве опции, скажем objid то внутри функции выше, мы можем получить значение путем вызова: this.options.objid

Answer 4

Вот jsfiddle с вызовом функции: https://jsfiddle.net/8282emwn/

var marker = new L.Marker([46.947, 7.4448]).on('click', markerOnClick).addTo(map); 

function markerOnClick(e) 
{ 
    alert("hi. you clicked the marker at " + e.latlng); 
} 

Answer 5

Немного поздно на вечеринку, нашел это, ища пример события щелчка маркера. Неопределенная ошибка, которую получил исходный плакат, связана с тем, что функция onClick указана до ее определения. Переверните строку 2 и 3, и она должна работать.