Google地图根据窗口大小调整设置不同的缩放

rob*_*b.m 6 javascript jquery google-maps google-maps-api-3

按照我之前的问题谷歌地图响应调整大小我想基于Windows调整大小实现不同的缩放级别,同时调整大小,所以如果浏览器窗口"小于"应用x数量的缩放,如果"主要比"应用另一个缩放级别自动和即时.

以下代码完美地适用于在Windows调整大小上重新定位地图,我需要将新的缩放级别应用于它:

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);
});
Run Code Online (Sandbox Code Playgroud)

rsn*_*ell 6

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