谷歌地图根据窗口调整大小设置不同的缩放比例

Question

Following to my previous question Google maps responsive resize I would like to implement a different zoom level based on windows resize, while resizing , so if browser windows is "less than" apply x number of zooming and if "major than" apply another zooming level automatically and on the fly.

The following code works perfectly in regards of recentering the map on windows resize, I need to apply the new zoom levels to it:

var map; 
function initialize() {
  var mapOptions = {
  center: new google.maps.LatLng(40.5472,12.282715),
  zoom: 6,
  mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map-canvas"),
      mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
google.maps.event.addDomListener(window, "resize", function() {
  var center = map.getCenter();
  google.maps.event.trigger(map, "resize");
  map.setCenter(center); 
  map.setZoom(zoom level needs to be automatically set according to window size);
});

Answer 1

通过创建LatLngBounds并按照 geocodezip 的建议调用map.fitBounds()来构建您希望始终处于视图中的区域。