天天看点

leaflet沿线标注_如何将类添加到Leaflet标记中?

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

}