[解決済み] Google Maps (V3) をブラウザのリサイズ時に中央に表示する(レスポンシブ)

質問

Google Maps (V3) をページ幅100%で表示し、真ん中にマーカーを1つ表示しています。ブラウザ ウィンドウの幅を変更したときに、マップが中央に表示されるようにしたいのですが (レスポンシブ)。現在、地図はページの左側にとどまり、小さくなっています。

アップデイト duncanのおかげで、説明したとおりに動作するようになりました。これは最終的なコードです。

var center;
function calculateCenter() {
  center = map.getCenter();
}
google.maps.event.addDomListener(map, 'idle', function() {
  calculateCenter();
});
google.maps.event.addDomListener(window, 'resize', function() {
  map.setCenter(center);
});

どのように解決するのですか？

ウィンドウのサイズが変更されたときのイベントリスナーを用意する必要があります。 私はこれでうまくいきました（initialize関数に記述してください）。

google.maps.event.addDomListener(window, 'resize', function() {
    map.setCenter(center);
});