Come si aggiunge una classe a un marker Leaflet?

Question

Uso le divisioni personalizzate per i miei indicatori di Leaflet. Voglio aggiungere un bordo a qualsiasi marcatore clicco su, con qualche semplice CSS:

.selectedMarker { 
border: 10px solid gold; 
} 

Tuttavia, quanto segue con jQuery non funziona:

$(marker).addClass('selectedMarker'); 

Poi ho provato ad usare Depliant propria addClass() method. Ho provato a chiamare usarlo nei seguenti modi:

marker.addClass('selectedMarker'); 
L.addClass(marker, 'selectedMarker'); 
addClass(marker, 'selectedMarker'); 
DomUtil.addClass(marker, 'selectedMarker'); 

Nessuno di questi lavori. Come posso aggiungere la classe SelectedMarker al mio marcatore?

Answer 1

Io l'ho fatto con l'aggiunta di una classe per il marcatore con

var marker = L.marker(loc); 
marker.on('click', function() { 
    $(marker._icon).addClass('selectedMarker'); 
} 

e quindi utilizzare il css

.leaflet-marker-icon.selectedMarker{ 
    //your css 
} 

Answer 2

senza l'utilizzo di jQuery,

marker._icon.classList.add("className"); 

Answer 3

In 1.0 e 0.7 è possibile utilizzare L.DomUtil per aggiungere le classi di rimozione da un elemento DOM:

L.DomUtil.addClass(marker._icon, 'className'); 
L.DomUtil.removeClass(marker._icon, 'className');