Cách chèn văn bản dòng mới trong cửa sổ bật lên


9

Tôi đang sử dụng Clusterlet Marker Cluster và tôi cần hiển thị năm dòng khác nhau trong một cửa sổ bật lên. Nhưng khi tôi viết cái này, tất cả chúng đều nằm trong cùng một dòng. Ai đó có thể giúp tôi trở thành người khác không?

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

Câu trả lời:


17

Như tài liệu của tờ rơi tuyên bố, Marker#bindPopuplấy một chuỗi HTML làm tham số đầu tiên.

Nếu bạn muốn các dòng của mình xuất hiện trên các dòng khác nhau, bạn cần thêm đánh dấu HTML thích hợp. Trong trường hợp của bạn, một danh sách định nghĩa có vẻ phù hợp nhất.

Vì thế:

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

marker.bindPopup(list);
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.