Cách các vòng kết nối trên bản đồ của Google phù hợp với bản đồ

Question

Chúng tôi có bộ lọc tìm kiếm ở xa. Nó có chế độ xem bản đồ cho phép đặt dấu cơ sở và hộp nhập văn bản cho phép nhập khoảng cách tính bằng ki lô mét.

Sau đó, trong chế độ xem, chúng tôi sử dụng circle để hiển thị khoảng cách này trên bản đồ.

Câu hỏi, làm thế nào tôi có thể phóng to bản đồ để nó khớp với hình tròn?

Answer 1

A google.maps.Circle có phương thức getBounds() trả về LatLngBounds vòng kết nối. Bạn có thể sử dụng giới hạn này như là đối số cho google.maps.Map.fitBounds()

Nếu sử dụng một vòng tròn, bạn có thể làm điều này:

map.fitBounds(circle.getBounds()); 

... ở phần cuối của init chức năng.

http://jsfiddle.net/doktormolle/MHLjy/

Answer 2

Đối với nhiều vòng tròn sử dụng đoàn thay vì mở rộng:

var bounds = new google.maps.LatLngBounds(); 

$.each(circles, function(index, circle){ 
    bounds.union(circle.getBounds()); 
}); 

map.fitBounds(bounds);