Google maps đặt thu phóng khác nhau dựa trên kích thước cửa sổ

Question

Theo câu hỏi trước đây Google maps responsive resize Tôi muốn thực hiện một mức thu phóng khác nhau dựa trên kích thước cửa sổ, vì vậy nếu cửa sổ trình duyệt "ít hơn" áp dụng x số thu phóng và nếu "lớn hơn "tự động áp dụng mức thu phóng khác.

Các mã sau hoạt động hoàn hảo trong trường hợp của recentering bản đồ trên cửa sổ thay đổi kích thước, tôi cần phải áp dụng các mức thu phóng mới cho nó:

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

Xây dựng khu vực bạn muốn luôn luôn được theo quan điểm bằng cách tạo ra một LatLngBounds và gọi map.fitBounds() theo đề xuất của mã zip địa lý.