วิธีแทรกข้อความบรรทัดใหม่ในป๊อปอัพ


9

ฉันใช้ Leaflet Marker Cluster และฉันต้องแสดงห้าบรรทัดที่แตกต่างกันในป๊อปอัพ แต่เมื่อฉันเขียนสิ่งนี้พวกเขาทั้งหมดอยู่ในบรรทัดเดียวกัน ใครสามารถช่วยฉันเป็นหนึ่งภายใต้อีก

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

คำตอบ:


17

ในฐานะที่เป็นเอกสารแผ่นปลิวรัฐMarker#bindPopupจะใช้เวลาสตริง HTML เป็นพารามิเตอร์แรก

หากคุณต้องการให้บรรทัดของคุณปรากฏในบรรทัดที่แตกต่างกันคุณจะต้องเพิ่มมาร์กอัพ HTML ที่เหมาะสม ในกรณีของคุณรายการนิยามดูเหมือนว่าเกี่ยวข้องมากที่สุด

ดังนั้น:

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

marker.bindPopup(list);
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.