如何将类添加到Leaflet标记中? [英] How do you add a class to a Leaflet marker?

问题描述

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

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;
}

但是，以下与jQuery不起作用:

However, the following with jQuery doesn't work:

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

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

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

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

None of these work. How do I add the selectedMarker class to my marker?

推荐答案

我通过使用

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

然后使用css

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

这篇关于如何将类添加到Leaflet标记中?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！