Cómo insertar texto de línea nueva en una ventana emergente

9

Estoy usando Leaflet Marker Cluster y necesito mostrar cinco líneas diferentes en una ventana emergente. Pero cuando escribo esto, todos están en la misma línea. ¿Alguien puede ayudarme a ser uno debajo del otro?

var a = addressPoints[i];
            var title = a[2];
            var univ = a[3];
            var direct = a[4];
            var city = a[5];
            var state = a[6];
            var marker = new L.Marker(new L.LatLng(a[0], a[1]), { title: title } );
            marker.bindPopup("Student: " + title + "University: " + univ + "Direction: " + direct + "City: " + city + "State: " + state);
            markers.addLayer(marker);
        }

    map.addLayer(markers);
contraflujo
fuente

Respuestas:

17

Como dice la documentación del folleto , Marker#bindPopuptoma una cadena HTML como primer parámetro.

Si desea que sus líneas aparezcan en líneas diferentes, debe agregar el marcado HTML adecuado. En su caso, una lista de definiciones parece la más relevante.

Por lo tanto:

var list = "<dl><dt>Student</dt>"
           + "<dd>" + title + "</dd>"
           + "<dt>University</dt>"
           + "<dd>" + univ + "</dd>"
           + 

marker.bindPopup(list);
MattiSG
fuente