How to bind pop-up with the contents of csv

[Dishant-P]

Hi,
I am using omnivore .csv function to upload the file as a layer on leaflet map. The longitudes and latitudes are detected perfectly and markers are there. But I want other columns of the csv to be displayed as the pop-up content. How can I do that?

[Dishant-P]

Hi,
Yes, I did. But I switched to Leaflet.geoCsv() functionality to get this done.

[Dishant-P]

Here is the code. I guess there is one repository for this as well, but I can't remember the name. But this is the code I have from my project file.

function add_csv() {
    var mi_geocsv = L.geoCsv(null, {
        titles: ['lat', 'lng', 'popup'],
        fieldSeparator: ',',
        lineSeparator: '\n',
        deleteDobleQuotes: true,
        firstLineTitles: true,
        onEachFeature: function (feature, layer) {
            var popup = '';
            for (var clave in feature.properties) {
                var title = mi_geocsv.getPropertyTitle(clave);
                popup += '<b>' + title + '</b><br />' + feature.properties[clave] + '<br /><br />';
            }
            layer.bindPopup(popup);
        }
    });

    $.ajax({
        type: 'GET',
        dataType: 'text',
        url: 'csv_test.csv',
        error: function () {
            alert('Error occured');
        },
        success: function (csv) {
            mi_geocsv.addData(csv);
            mi_geocsv.options.name = "MyCSV";
            mi_geocsv.options.color = '#001100';
            mi_geocsv.options.opacity = 0.5;
            map.addLayer(mi_geocsv);
            appearanceControl.addOverlay(mi_geocsv, "Application Data");
        }
    });
}