小册子地图在bootstrap 3.6模态中没有正确显示

Question

当我尝试在我的模态中显示地图时，我得到了这个：

我的控制器angularJS中没有任何内容，这是我的html：

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

Answer 1

试试这个：

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