leaflet沿線标注_如何将類添加到Leaflet标記中？

I'm using custom divIcons for my Leaflet markers. I want to add a border to whatever marker I click on, with some simple CSS:

.selectedMarker {

border: 10px solid gold;

}

However, the following with jQuery doesn't work:

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

Then I tried to use Leaflet's own addClass() method. I tried to call use it in the following ways:

marker.addClass('selectedMarker');

L.addClass(marker, 'selectedMarker');

addClass(marker, 'selectedMarker');

DomUtil.addClass(marker, 'selectedMarker');

None of these work. How do I add the selectedMarker class to my marker?

解決方案

I have done it by adding a class to the marker with

var marker = L.marker(loc);

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

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

}

and then use the css

.leaflet-marker-icon.selectedMarker{

//your css

}