Cara memasukkan teks baris baru di popup


9

Saya menggunakan Leaflet Marker Cluster dan saya perlu menunjukkan lima baris berbeda dalam sebuah popup. Tetapi ketika saya menulis ini, mereka semua berada di baris yang sama. Bisakah seseorang membantu saya menjadi satu di bawah yang lain?

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

Jawaban:


17

Seperti yang dinyatakan oleh dokumentasi Leaflet , Marker#bindPopupambil string HTML sebagai parameter pertama.

Jika Anda ingin baris Anda muncul di baris yang berbeda, Anda perlu menambahkan markup HTML yang tepat. Dalam kasus Anda, daftar definisi tampaknya paling relevan.

Karenanya:

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

marker.bindPopup(list);
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.