javascript 你如何向传单标记添加一个类？

How do you add a class to a Leaflet marker?

提问by yesman

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:

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

.selectedMarker {
border: 10px solid gold;
}

However, the following with jQuery doesn't work:

但是，以下使用 jQuery 不起作用：

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

Then I tried to use Leaflet's own addClass() method. I tried to call use it in the following ways:

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

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

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

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

采纳答案by r8n5n

I have done it by adding a class to the marker with

我已经通过向标记添加一个类来完成它

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

and then use the css

然后使用css

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

回答by bgeo

In 1.0 and 0.7 you can use L.DomUtilto add remove classes from a DOM element:

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

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

回答by Mujtaba Kably

without using jQuery,

不使用jQuery，

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