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

就是这样...

Leaflet.js折线不显示弹出窗口

1 个答案: