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

按照我之前的问题谷歌地图响应resize我想基于Windowsresize实现不同的缩放级别,所以如果浏览器窗口“少于”应用x数量的缩放,如果“major than”自动应用另一个缩放级别。

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

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); }); 

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