Toggle Leaflet sidebar V2

Question

also ich genieße wirklich, diese Seitenleiste zu verwenden aber kämpfend, um entweder die Seitenleiste umzuschalten oder mindestens den Status der Seitenleiste zu lesen, so kann .open() oder .close() dementsprechend. Version 1 erlaubt siderbar.toggle(); - https://github.com/Turbo87/leaflet-sidebar

Dont scheinen in der Lage zu sein, sie zu finden auf Version 2-https://github.com/Turbo87/sidebar-v2

Answer 1

Das Plugin fügt die collapsed Klasse in die Seitenleiste, wenn es zusammengeklappt ist, so dass Sie, dass ihr Status überprüfen können. Leihen eine Funktion von this answer zu prüfen, ob ein Element eine bestimmte Klasse hat (und unter der Annahme, dass die Sidebar div die ID sidebar hat), können Sie es wie so wechseln:

var sidebar = L.control.sidebar('sidebar').addTo(map); 
var sidebarDiv = document.getElementById('sidebar'); 

toggleSidebar = function() { 
    if (hasClass(sidebarDiv,'collapsed')) { 
    sidebar.open(); 
    } else { 
    sidebar.close(); 
    } 
} 

function hasClass(element, cls) { 
    return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1; 
} 

Beispiel Geige:

http://fiddle.jshell.net/nathansnider/gpqbvs50/