如何将GeoJson特征特性显示为角度传单地图上的标签



我正试图将GeoJson特性显示为传单地图上的标签。这是我的代码:

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

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

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

我正试图围绕您这样的标签改进我自己的代码。这是我的一段代码,与您的代码类似,是我在前一次ajax调用中编写的。

在这种情况下,工具提示总是在加载页面时打开。传单文档解释了诸如";永久:真":

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

所以"真";对你来说是必要的。

它正在发挥作用,可能对您有所帮助。

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

"nam";是我正在标记的属性;标签";是我的CSS样式吗

最新更新