如何在角度传单地图上将 GeoJson 要素属性显示为标签？

Question

我正在尝试将 GeoJson 要素属性显示为传单地图上的标签。 这是我的代码：

private createGeoJsonLayer(cords) {
return L.geoJSON(
  cords as any,
  {
    onEachFeature: (feature, layer) => {
      layer.bindTooltip(feature.properties.country_name).openTooltip();
    },
  });

这段代码的问题是它依赖于鼠标悬停来显示工具提示，而当页面加载时工具提示不会打开，我该如何解决这个问题？ 用户希望在页面加载时看到所有国家名称作为标签。

如果有比工具提示更好的方法在地图上显示标签，我会很高兴听到。

Answer 1

我正在尝试围绕像您这样的标签改进我自己的代码。 这是我的一段代码，类似于您的代码，我正在处理之前的 ajax 调用。

在这种情况下，工具提示总是在页面加载时打开。 Leaflet 文档解释了诸如“permanent: true”之类的参数：

是永久打开工具提示还是仅在鼠标悬停时打开。

所以在你的情况下“真”是必要的。

它正在工作，可能对您有所帮助。

var calzada = new L.geoJson(data, {
                    onEachFeature: function(feature, layer) {
                      layer.bindTooltip(feature.properties.nam.toString(), 
                         {permanent: true, className: 'label'}
                        ).addTo(map);
                    }
                  })

“nam”是我标记的属性，“label”是我的 CSS 样式