根据我之前的问题 Google maps responsive resize我想根据窗口调整大小实现不同的缩放级别,在调整大小时,所以如果浏览器窗口“小于”应用 x 缩放级别,如果“大于”自动应用另一个缩放级别,即时。
以下代码在调整窗口大小时使 map 重新居中方面工作得很好,我需要对其应用新的缩放级别:
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 构建您希望始终可见的区域并调用map.fitBounds()正如 geocodezip 所建议的那样。
关于javascript - 谷歌地图根据窗口调整大小设置不同的缩放比例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18446429/