如何将一个类添加到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");