JavaScriptでロードした後にGoogleマップのサイズを変更するにはどうすればよいですか?

JavaScript を使用した読み込み後の Google マップのサイズ変更

読み込み後に、より大きなコンテナに合わせて Google マップのサイズを変更するには、シンプルなトリガー。 Google Maps v3 では、サイズ変更イベントのトリガー方法が異なります:

google.maps.event.trigger(map, "resize");

サイズ変更イベントの詳細については、Google Maps API ドキュメントを参照してください。

更新:

実際的な例として、jQuery を使用した次のコード スニペットを考えてみましょう。

$(function() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644)
  };
  var map = new google.maps.Map($("#map-canvas")[0], mapOptions);

  // Listen for window resize event and trigger map resize
  $(window).resize(function() {
    google.maps.event.trigger(map, "resize");
  });
});

以上がJavaScriptでロードした後にGoogleマップのサイズを変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。