Листовка показывает всплывающее окно на div

Question

Это листовая карта, которую я сейчас пытаюсь реализовать всплывающими окнами, которые отображаются на правой панели.

код, который мне сейчас нужно сделать, выглядит следующим образом:

var points = L.geoCsv (null, {
    firstLineTitles: true,
    fieldSeparator: fieldSeparator,
    onEachFeature: function (feature, layer) {
        var popup = '<div class="popup-content"><table class="table table-striped table-bordered table-condensed">';
        for (var clave in feature.properties) {
            var title = points.getPropertyTitle(clave).strip();
            var attr = feature.properties[clave];
            popup += '<tr><th>'+title+'</th><td>'+ attr +'</td></tr>';  
        }
        popup += "</table></popup-content>";  
        layer.bindPopup(popup).openPopup('sidepanel');
    }
}

В настоящее время, когда я нажимаю на маркер, на карте нет всплывающих окон. Я застрял в этом вопросе в течение нескольких часов, и любая помощь будет высоко ценится.

Спасибо.