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のサイズを上書きするだけですか？