Leafletjs折线不显示弹出窗口

Question

所以我有几个点分布在地图上，我还有几条折线，连接这些点。到目前为止，还不错。

现在我想为每条折线添加一个 popup，这样当我点击它们时它们就会显示出来。它没有发生。这是我得到的：

for (var key in JLinks) {

    var lat1 = JLinks[key][\"lat1\"];
    var lat2 = JLinks[key][\"lat2\"];
    var lon1 = JLinks[key][\"lon1\"];
    var lon2 = JLinks[key][\"lon2\"];
    var d    = JLinks[key][\"d\"];

    var line = L.polyline( [ [lat1,lon1], [lat2,lon2] ] );
    line.bindPopup(d);
    line.addTo(map);

}

我的意思是，线条在地图中的位置正确，但弹出窗口没有出现。

我是 JS 或 Leafletjs 的新手……有什么提示吗？

谢谢！

Answer 1

好吧，解决方案非常简单（而且出乎我的意料......）。我不得不将 d 参数与一些字符串连接起来，现在我显示了弹出窗口 ...

var line = L.polyline( [ [lat1,lon1], [lat2,lon2] ] );
line.bindPopup(d + \"km\");
line.addTo(map);

就是这样...

Leafletjs折线不显示弹出窗口

Leafletjs polyline does not show popup

leaflet

popup

polyline