如何使用 JavaScript 載入後調整 Google 地圖大小？

使用JavaScript 加載後調整Google 地圖的大小

加載後調整Google 地圖的大小以適應更大的容器可以通過簡單的觸發器。在 Google 地圖 v3 中，調整大小事件的觸發方式有所不同：

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

有關調整大小事件的更多信息，請參閱 Google 地圖 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中文網其他相關文章！