आप एक पत्रक मार्कर में कक्षा कैसे जोड़ते हैं?

Question

मैं अपने पत्रक मार्करों के लिए कस्टम divIcons का उपयोग कर रहा हूँ। मैं कुछ सरल सीएसएस के साथ एक सीमा जोड़ने के लिए जो कुछ भी मार्कर मैं पर क्लिक करना चाहते हैं:

.selectedMarker { 
border: 10px solid gold; 
} 

हालांकि, jQuery के साथ निम्न काम नहीं करता:

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

तब मैं पत्रक के स्वयं के उपयोग करने का प्रयास addClass() method। मैंने इसे निम्नलिखित तरीकों से उपयोग करने का प्रयास किया:

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

इनमें से कोई भी काम नहीं। मैं अपने मार्कर में चयनित मार्कर क्लास कैसे जोड़ूं?

Answer 1

मैं

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

साथ मार्कर के एक वर्ग को जोड़ने के द्वारा यह किया है और उसके बाद jQuery का उपयोग किए बिना सीएसएस

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

Answer 2

उपयोग करते हैं,

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

Answer 3

1,0 और 0.7 में आप DOM तत्व से कक्षाओं को निकालने के लिए L.DomUtil का उपयोग कर सकते हैं:

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