如何在角度傳單地圖上將 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 樣式