Leaflet.js - Ajustar las coordenadas geoJSON en la vista de mapa

Question

Tengo un mapa de leaflet.js que tiene puntos y cadenas de líneas que provienen de un archivo JSON externo.

Si añado: map.setView (nuevo L.LatLng (0,0), 10);

Centrarán el mapa en la latitud y la longitud 0,0. ¿Cómo puedo configurarlo para que el centro del mapa y el zoom se ajusten a todos los puntos del JSON en él?

Answer 1

Puede agregar todas sus capas a un FeatureGroup que tiene un método getBounds. Por lo tanto, debería poder decir myMap.fitBounds(myFeatureGroup.getBounds());

El método getBounds para L.FeatureGroup solo está disponible en la rama principal (no la última versión, 0.3.1), al menos por ahora.

Answer 2

Necesitaba hacer esto al mostrar las instrucciones de un usuario desde su origen a un destino. Debo guardar la lista de direcciones en una variedad de L.LatLng llamada directionLatLngs continuación, sólo tiene que llamar

map.fitBounds(directionLatLngs); 

Esto funciona porque map.fitBounds toma un objeto L.LatLngBounds que es sólo un conjunto de L.LatLng

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

Answer 3

similares caso conmigo Dibujé todos los marcadores de GeoJson datos. Así que escribí la función, que recibe varias llamadas al hacer clic en el botón. Solo prueba si se adapta a tus necesidades.

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()); 
    } 

El mejor uso de escribir esta función es que incluso estado de mapa/marcadores cambió, se pondrá último estado de marcadores/capas/corriente. Cada vez que se llame a este método, todas las capas serán visibles a un nivel de zoom modesto.