Листовка js полилиния не показывает всплывающее окно

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 или листовка js ... намек может быть?

Спасибо!

Answer 1

Что ж, решение оказалось более простым (и неожиданным для меня ...). Мне пришлось объединить параметр d с некоторой строкой, и теперь у меня отображается всплывающее окно ...

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

Вот и все ...