I'm creating an application using the Leaflet.js library for maps. I'm trying to update the tooltip's options.className property based on the current selected tile layer. The property itself is changing on all of the marker objects. However, the style itself is changing only for the markers I didn't hover over already to show the tooltip.
map.on('baselayerchange', function (e) {
currentTileLayer = e.layer;
for (var marker in markers) {
marker.getTooltip().options.className = getStyle();
}
});
function getStyle() {
switch(currentTileLayer) {
case darkTileLayer:
return "data-dark";
case lightTileLayer:
return "data-light";
}
}