如何将一个类添加到Leaflet标记？

Question

我正在使用自定义divIcons作为我的Leaflet标记.我想为我点击的任何标记添加边框,使用一些简单的CSS:

.selectedMarker {
border: 10px solid gold;
}

但是,以下jQuery不起作用:

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

然后我尝试使用Leaflet自己的addClass()方法.我尝试通过以下方式调用它:

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

这些都不起作用.如何将selectedMarker类添加到标记中？

Answer 1

我通过在标记中添加一个类来完成它

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

然后使用css

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

Answer 2

在1.0和0.7中,您可以使用L.DomUtil从DOM元素添加删除类:

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

Answer 3

不使用jQuery,

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