Question

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

.selectedMarker {
border: 10px solid gold;
}

但是，以下jQuery不起作用：

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

然后我尝试使用Leaflet自己的addClass() method。我尝试用以下方式调用它：

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");

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

3 个答案: