在弹出窗口中显示来自GeoJson的信息（叶）

Question

我正在为我的公司编写一个拥有Trails的程序。 该程序将显示一个带有较长路径（连接所有路径）的网络地图。 通过从GeoJson数组读取坐标，我还在每个线索头上显示了标记。 我想将弹出窗口绑定到ATLEAST在弹出窗口中显示每个Trailhead名称的每个标记。 我已经尝试了很多东西，但是没有任何效果。 现在，我将链接当前的HTML文件和GeoJson文件。

GeoJson TrailHeaders文件

索引

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元素。

您可以在此处看到地图的实时版本 。

PS。 希望答案还为时不晚。