Google地圖響應問題

Question

我在我的網站上顯示Google地圖，但每當我更改窗口大小或甚至當我在移動設備上旋轉地圖時，地圖都不會調整大小。我嘗試過所有的東西，但我仍然不知道問題所在。這是我做了什麼：

var initMap = function() {  
 

 
     var mapOptions = { 
 
      mapTypeId: 'roadmap', 
 
      center: { lat: 40.7128, lng: 74.0059 }, 
 
      zoom: 10 
 
     }; 
 

 
     map = new google.maps.Map(document.getElementById("map"), mapOptions); 
 
     
 
     //Not Working 
 
     google.maps.event.trigger(map, "resize"); 
 

 
     //Not Working 
 
     $(window).resize(function() { 
 
      google.maps.event.trigger(map, "resize"); 
 
     }); 
 
     
 
     //Not Working 
 
     google.maps.event.addDomListener(window, "resize", function() { 
 
      var center = map.getCenter(); 
 
      map.setCenter(center); 
 
     }); 
 
     
 
     //Not Working 
 
     google.maps.event.addListener(map, "idle", function() { 
 
      google.maps.event.trigger(map, 'resize'); 
 
     }); 
 
}

Answer 1

你試過把它在一個DIV，並從那裏調整呢？ 或者它會在DIV的大小上覆蓋它的大小？