マップサイズが変更されたときに自動リロードするように、私のブートストラップGoogleマップdivに追加できるものは何ですか？

Question

私は自分のウェブサイトにGoogleマップ部門を持っています。 divが変更されると、アンロードされたタイルはリロードされません。マップの自動再読み込み/サイズ変更を強制するにはどうすればよいですか？

私のマップには以下のコードを使用しています。

var myCenter = new google.maps.LatLng(51.5076409,-0.1339493); 

function initialize() { 
var mapProp = { 
center:myCenter, 
zoom:12, 
scrollwheel:false, 
draggable:false, 
mapTypeId:google.maps.MapTypeId.ROADMAP 
}; 

var map = new google.maps.Map(document.getElementById("googleMap"),mapProp); 
var map1 = new google.maps.Map(document.getElementById("googleMap1"),mapProp); 
var map2 = new google.maps.Map(document.getElementById("googleMap2"),mapProp); 

var marker = new google.maps.Marker({ 
position:myCenter, 
}); 

marker.setMap(map); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 

Answer 1

$("a[data-toggle='tab']").on('shown.bs.tab',function(e) { 
     initialize(); // map - function 
});