【GoogleMapApi】「display:none」の要素にマップを貼り付けた際、地図の中心がずれる問題。

に遭遇したので対応した時のメモ。

具体的には地図の中心点が左上にずれてしまった。

対応としては、その要素が完全に「display:block」になりきったタイミングで下記メソッドを実行すれば良い。

google.maps.event.trigger(map, 'resize');
 map.setCenter(Latlng);
// Latlngはgoogle.maps.LatLng()オブジェクトのインスタンス