在彈出窗口中顯示來自GeoJson的信息（LEAFLET）

Question

我正在爲我的公司編寫一個擁有Trails的程序。該程序顯示一個長路徑（連接所有路徑）的webmap，因爲它應該。我還通過讀取GeoJson陣列的座標在每個路徑上顯示標記。我想將彈出框綁定到每個標記，ATLEAST顯示彈出窗口中每個路徑頭的名稱。我嘗試了很多東西，但沒有任何工作。我現在將鏈接當前的HTML文件和GeoJson文件。

GeoJson TrailHeaders File

Index.Html

Answer 1

您需要修改GeoJSON()功能選項：

var trailheadsLayer = L.geoJson(trailheads, { 
    onEachFeature: function(feature, layer){ 
     console.log(feature.properties); 
     content = "Name: " + feature.properties.name + "<br>Abbreviation: " + feature.properties.abbreviati; 
     layer.bindPopup(content); 
    } 
}).addTo(map); 

的content字符串可以與你需要的JSON屬性進行修改。請小心並將字符串格式化爲HTML元素。

你可以在這裏看到你的地圖的live version。

PS。希望答案不遲。