Leaflet.js căn giữa bản đồ trên một nhóm các điểm đánh dấu

Question

im bằng cách sử dụng Leaflet.js và muốn một số cách căn giữa bản đồ trên các điểm đánh dấu tôi có, để tất cả nằm trong chế độ xem của người dùng khi trang khởi chạy. Nếu tất cả các điểm đánh dấu được nhóm lại trong một khu vực nhỏ, tôi muốn bản đồ phóng to đến mức vẫn hiển thị tất cả các điểm đánh dấu đó.

Tôi biết bản đồ google có chức năng autocenter nhưng làm thế nào tôi sẽ đi về điều này với Leaflet.js?

Answer 1

Bạn có thể sử dụng L.LatLngBounds để tạo khu vực để phóng to.

Đầu tiên, tạo một vọt và vượt qua nó một mảng của L.LatLngs:

var bounds = new L.LatLngBounds(arrayOfLatLngs); 

này sẽ tạo ra một giới hạn mà sẽ đóng gói tất cả các điểm được chứa trong mảng. Một khi bạn có giới hạn, bạn có thể phù hợp với những giới hạn của bản đồ để phù hợp với bạn tạo ra ràng buộc:

map.fitBounds(bounds); 

này sẽ phóng to bản đồ ở xa như nó có thể đi, trong khi vẫn có chứa tất cả các điểm trong mảng của bạn.

Ngoài ra, bạn cũng có thể gọi phương thức fitBounds đơn giản bằng cách gọi và chuyển qua một mảng đối tượng L.LatLng. Ví dụ:

map.fitBounds([[1,1],[2,2],[3,3]]); 

Điều này có chức năng giống hệt nhau, không cần phải tạo đối tượng cụ thể L.LatLngBounds.