Leaflet.js - Phối hợp tọa độ geoJSON trên chế độ xem bản đồ

Question

Tôi có một bản đồ leaflet.js có các điểm và đường kẻ trên đó xuất phát từ một tệp JSON bên ngoài.

Nếu tôi thêm: map.setView (new L.LatLng (0,0), 10);

Nó sẽ căn giữa bản đồ trên vĩ độ và kinh độ 0,0. Làm thế nào tôi có thể thiết lập nó để trung tâm bản đồ và zoom phù hợp với tất cả các điểm từ JSON trên nó?

Answer 1

Bạn có thể thêm tất cả các lớp của mình vào một Nhóm đối tượng có phương thức getBounds. Vì vậy, bạn có thể chỉ cần nói myMap.fitBounds(myFeatureGroup.getBounds());

Phương pháp getBounds cho L.FeatureGroup chỉ có sẵn trong nhánh chính (không phải phiên bản mới nhất, 0.3.1), ít nhất là bây giờ.

Answer 2

Tôi cần thực hiện việc này khi hiển thị chỉ đường người dùng từ nguồn gốc của mình đến đích. Tôi lưu trữ danh sách các hướng dẫn trong một loạt các L.LatLng gọi directionLatLngs sau đó bạn chỉ có thể gọi

map.fitBounds(directionLatLngs); 

này hoạt động vì map.fitBounds mất một đối tượng L.LatLngBounds mà chỉ là một mảng của L.LatLng

http://leafletjs.com/reference.html#latlngbounds

Answer 3

tương tự trường hợp với tôi. Tôi đã vẽ tất cả các điểm đánh dấu từ GeoJson dữ liệu. Vì vậy, tôi đã viết hàm, được gọi nhiều lần khi nhấp vào nút. Chỉ cần thử nếu nó phù hợp với yêu cầu của bạn.

function bestFitZoom() 
    { 
     // declaring the group variable 
     var group = new L.featureGroup; 

     // map._layers gives all the layers of the map including main container 
     // so looping in all those layers filtering those having feature 
     $.each(map._layers, function(ml){ 

      // here we can be more specific to feature for point, line etc.    
      if(map._layers[].feature) 
      { 
       group.addLayer(this) 
      } 
     }) 

     map.fitBounds(group.getBounds()); 
    } 

Việc sử dụng tốt nhất chức năng này là trạng thái/điểm đánh dấu mới nhất/hiện tại. Bất cứ khi nào phương pháp này được gọi là tất cả các lớp sẽ được hiển thị ở mức thu phóng khiêm tốn.