迭代 Leaflet 标记簇组并更新标记的标题

Question

       Self.companyMarkersClusterGroup.eachLayer(function(layer){
            const companyData = layer.options.companyData;

            layer.title = GetCompanyMapMarkerTitle(companyData);  
          });

我正在尝试遍历 Leaflet marker cluster group 中的所有标记并更新它们的标题。

上面的代码似乎不起作用。我做错了什么？

可能是内部循环变量layer 是标记的本地深层副本，因此更新它不会更新标记？如果是这样，我该如何更新标记？

Answer 1

如果“标题”是指当你像这样实例化标记时出现的标记图标上的本机工具提示/title option：

L.marker(latLng, {
  title: "marker icon native tooltip"
});

...那么您需要更新标记 options 标题，并调整其当前图标标题（如果有）以立即更新它（以防图标当前显示在地图上):

const newTitle = "new title content";
layer.options.title = newTitle;
const icon = layer.getElement();
if (icon) {
  icon.title = newTitle;
}

请注意，如果当前显示的是本机工具提示（即，如果用户鼠标当前悬停在图标上），则浏览器可能不会在内容消失并再次出现之前更新内容。