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);

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);
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.