时间戳

首页 > 解决方案 > Leafletjs折线不显示弹出窗口

leaflet - Leafletjs折线不显示弹出窗口

问题描述

所以我有几个点沿着地图分布，我还有几条折线，连接这些点。到目前为止，一切都很好。

现在我想为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 很陌生……有什么提示吗？

谢谢！

标签： leafletpopuppolyline

解决方案

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

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

就是这样...

推荐阅读