Marker nel foglio illustrativo, clicca evento

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) 

Quando faccio clic nel marcatore, il messaggio di avviso viene: indefinito

Ma se l'ho messo nella mappa variabile, funziona! (mostra latitudine e longitudine)

map.on('click', onClick); 

Qualcuno sa perché non funziona nel marcatore?

Answer 1

ho trovato la soluzione:

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

utilizzato il metodo getLatLng() del marcatore

Answer 2

La risposta di cui sopra è corretta e giustamente accettato. Tuttavia, simile a @snowgage avevo bisogno di un po 'più di chiarezza, quindi nel caso in cui anche qualcun altro:

Il volantino permette agli eventi di sparare praticamente su qualsiasi cosa tu faccia sulla sua mappa. In questo caso un marker.

Così si potrebbe creare un marker per ogni domanda di cui sopra:

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

Quindi creare la funzione onClick:

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

Now in qualsiasi momento si mouseover che segnalino che si attiva un allarme della corrente Lat/Long. TUTTAVIA, puoi fare "clic", "dblclick", ecc. Anziché "mouseover" e invece di avvisare lat/long puoi usare js nel corpo di onClick per fare qualsiasi altra cosa tu voglia.

Ecco la documentazione da seguire: http://leafletjs.com/reference.html#events

Answer 3

Ulteriori informazioni rilevanti: Un bisogno comune è quello di passare l'ID dell'oggetto rappresentato dal marcatore in una certa chiamata AJAX con lo scopo di andare a prendere ulteriori informazioni dal server .

Sembra che quando facciamo:

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

I e indica un MouseEvent, che non cerchiamo di ottenere l'oggetto marcatore. Ma c'è un oggetto integrato this che stranamente, ci richiede di usare this.options per raggiungere l'oggetto options che ci permette di passare tutto ciò di cui abbiamo bisogno. Nel caso di cui sopra, siamo in grado di passare un po 'ID in un'opzione, diciamo objid poi all'interno della funzione di cui sopra, possiamo ottenere il valore invocando: this.options.objid

Answer 4

Ecco un jsfiddle con una chiamata di funzione: 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

Un po 'in ritardo per la festa, abbiamo trovato questo mentre cercavo un esempio di evento click marker. L'errore non definito ottenuto dal poster originale è dovuto al fatto che la funzione onClick viene definita prima della sua definizione. Scambia le linee 2 e 3 e dovrebbe funzionare.