Leaflet Karte nicht richtig in Bootstrap 3.6 modal zeigt

Question

Wenn ich versuche, die Karte in meinem modal angezeigt werden ich diese:

Ich habe nichts in meinem Controller AngularJS und das ist mein html:

<leaflet lf-center="japan" geojson="geojson" geojson-nested="true" height="45vh"></leaflet> 

Answer 1

Versuchen Sie dieses:

$scope.newMeeting = function(session) { 
    $('#meetingModal').modal('show'); 
    map.invalidateSize(); // add this to your existing code 
};