पॉपअप में नई लाइन टेक्स्ट कैसे डालें

Question

मैं पत्रक मार्कर क्लस्टर का उपयोग कर रहा हूं और मुझे एक पॉपअप में पांच अलग-अलग लाइनें दिखाने की आवश्यकता है। लेकिन जब मैं यह लिखता हूं, तो वे सभी एक ही पंक्ति में होते हैं। क्या कोई मुझे एक के तहत एक होने में मदद कर सकता है?

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

Answer 1

के रूप में USC प्रलेखन राज्यों, Marker#bindPopupपहले पैरामीटर के रूप में एक HTML स्ट्रिंग लेता है।

यदि आप चाहते हैं कि आपकी लाइनें अलग-अलग लाइनों पर दिखाई दें, तो आपको उचित HTML मार्कअप जोड़ना होगा। आपके मामले में, एक परिभाषा सूची सबसे अधिक प्रासंगिक लगती है।

इसलिये:

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

marker.bindPopup(list);