Javascript 在弹出窗口（传单）中显示GeoJson中的信息

我正在为拥有Trails的公司编写一个程序。该程序显示一个带有长路径（连接所有路径）的网络地图。我还通过读取GeoJson数组中的坐标，在每个追踪头上显示标记。我想在每个标记上绑定一个弹出窗口，该标记至少在弹出窗口中显示每个跟踪头的名称。我试过很多东西，但都不管用。现在我将链接我当前的HTML文件和GeoJson文件

---

您需要修改

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);

var trailheadsLayer=L.geoJson（trailheads{
onEachFeature：功能（功能，图层）{
console.log（feature.properties）；
content=“Name:”+feature.properties.Name+”
缩写：“+feature.properties.abbreviati；
层绑定弹出窗口（内容）；
}
}).addTo（地图）；

内容

字符串可以使用所需的json属性进行修改。小心，将字符串格式化为HTML元素

你可以在这里看到你地图的一部分

另外，希望现在回答还不算太晚