如何將一個類添加到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");