Probleme beim Laden von Map-Kacheln mit leafletjs und Bootstrap

Question

Ich möchte Website mit Leaflet-Map im Bootstap-Tab erstellt erstellen. Wenn ich in die Registerkarte wechsle, wo die Flugblatt-Instanziierungskacheln nicht korrekt geladen werden (ich sehe den grauen Hintergrund). Ich schätze, es gibt ein Problem mit der Größe von <div> a, da bei der Größenanpassung die Browserfensterkacheln korrekt geladen werden. Irgendwelche Ideen? Hier ist mein Grundkonzept.

https://jsfiddle.net/rjper9nz/6/

Answer 1

Trigger Fenstergröße ändern:

$(document).on('click','[href="#menu1"]',function(){ 
    setTimeout(function(){ 
     window.dispatchEvent(new Event('resize')); 
    },300); 
}); 

Siehe demo.