কীভাবে পপআপে নতুন লাইনের পাঠ্য সন্নিবেশ করা যায়

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

লিফলেট ডকুমেন্টেশন হিসাবে বলা হয়েছে, Marker#bindPopupপ্রথম পরামিতি হিসাবে একটি HTML স্ট্রিং নেয়।

আপনি যদি চান যে আপনার লাইনগুলি বিভিন্ন লাইনে প্রদর্শিত হয়, আপনাকে সঠিক HTML মার্কআপ যুক্ত করতে হবে। আপনার ক্ষেত্রে, একটি সংজ্ঞা তালিকা সবচেয়ে প্রাসঙ্গিক বলে মনে হচ্ছে।

অত: পর:

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

marker.bindPopup(list);