javascript - 具有多个字段的传单弹出窗口

Question

我试图在从 SQL 表读取的标记上显示弹出窗口。我设法读取一个字段，但我需要它读取多个字段(first_name、Family_name、Health_con...等) .

        for (var i = 0; i < data.length; i++ )  {
            caseData.push ({
                id: data[i].id, 
                first_name: data[i].first_name,
                family_name: data[i].family_name,   
                health_con: data[i].health_con,
                nin: data[i].nin,
                notes: data[i].notes,
                lat: data[i].lat, 
                lon: data[i].lon
            }); 
        }
        plotCases()
    })

    event.preventDefault();
});
});

function plotCases()    {

 // Loop through caseData to create marker at each location 
   for (var i = 0; i < caseData.length; i++)    { 
    var markerLocation = new L.LatLng(caseData[i].lat, caseData[i].lon);
    var marker = new L.Marker(markerLocation);
    mymap.addLayer(marker);
    marker.bindPopup(caseData[i].health_con); }}  <<< here 

我正在尝试在弹出信息窗口中显示多个字段。

Answer 1

欢迎来到SO!

您似乎对 JavaScript 甚至一般编程都不熟悉。

Leaflet bindPopup 方法接受字符串 作为参数。您需要连接“字段”的字符串值:请参阅 MDN 指南中有关操作字符串的“连接字符串”部分: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/Strings简而言之:使用 + 运算符 str1 + str2

您可能还对 GIS StackExchange 上的这篇文章感兴趣: https://gis.stackexchange.com/questions/169976/how-to-iterate-through-the-attributes-of-a-feature-in-leaflet