Проблема с ответом на карту 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?