Google地图响应问题

-1

我在我的网站上显示Google地图，但每当我更改窗口大小或甚至当我在移动设备上旋转地图时，地图都不会调整大小。我尝试过所有的东西，但我仍然不知道问题所在。这是我做了什么：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'); 
 
     }); 
 
}

来源

2017-02-23 Huby03

你试过把它在一个DIV，并从那里调整呢？或者它会在DIV的大小上覆盖它的大小？

来源

2017-02-23 07:31:05

Google地图响应问题

回答

相关问题