Javascript 带有多个字段的单张弹出窗口

我试图在从SQL表读取的标记上显示弹出窗口。我设法读取了一个字段，但我需要它读取多个字段（

first\u name

，

Family\u name

，

Health\u con

…等等）

for（变量i=0；i
您似乎还不熟悉JavaScript，可能还不熟悉一般的编程

传单
bindpoop
方法接受字符串作为参数。
您需要连接“字段”的字符串值：请参阅MDN指南中关于操作字符串的“连接字符串”部分：
简而言之：使用
+
操作符
str1+str2

您可能还对GIS StackExchange上的帖子感兴趣：
var popup=L.popup（{className:'if-you-need-a-class'}）
.setContent（“”+
''+病例数据[i].健康状况''+
“”+caseData[i].注释+”
'+
''+caseData[i].家族名称+'
'+
''+
'');
var markerLocation=new L.LatLng（caseData[i].lat，caseData[i].lon）；
var marker=新的L.marker（markerLocation）.bindPopup（popup）；
添加图层（标记）；

应该像预期的那样工作。对于可见性，我使用多行，但您可以将所有内容放在一行中，如下所示：

var popup = L.popup({className: 'if-you-need-a-class'})
.setContent('<div class="if-you-need-div"><h3>' + caseData[i].health_con + '</\h3>[...]</\div>');

var popup=L.popup（{className:'if-you-need-a-class'}）
.setContent（''+caseData[i].health_con+'[…]）；

L.popup
如果需要添加类名，可以提供更多设置，但仍然可以使用
marker.bindpoup（此处的字符串）

var popup = L.popup({className: 'if-you-need-a-class'})
.setContent('<div class="if-you-need-div">'+
'<h3>' + caseData[i].health_con + '</\h3>'+
'<p><b>' + caseData[i].notes + '</b><br>'+
'<b>' + caseData[i].family_name + '</b><br>'+
'</\p>'+
'</\div>');

var markerLocation = new L.LatLng(caseData[i].lat, caseData[i].lon);
var marker = new L.Marker(markerLocation).bindPopup(popup);

mymap.addLayer(marker);

var popup = L.popup({className: 'if-you-need-a-class'})
.setContent('<div class="if-you-need-div"><h3>' + caseData[i].health_con + '</\h3>[...]</\div>');