Question

我有一个leaflet.js地图，其中包含来自外部JSON文件的点和线串。

如果我添加： map.setView（new L.LatLng（0,0），10）;

它将地图置于纬度和经度0,0的中心。如何设置它以使地图中心和缩放适合JSON上的所有点？

Answer 1

您可以将所有图层添加到具有getBounds方法的FeatureGroup。所以你应该只能说myMap.fitBounds(myFeatureGroup.getBounds());

L.FeatureGroup的getBounds方法目前至少在主分支（不是最新版本，0.3.1）中可用。

Answer 2

与我类似的情况。我从 GeoJson 数据中绘制了所有标记。所以我写了这个函数，在按钮点击时反复调用它。试试它是否符合您的要求。

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

编写此函数的最佳用途是，即使地图/标记的状态发生变化，它也会获得标记/图层的最新/当前状态。每当调用此方法时，所有图层都将对适度缩放级别可见。

Answer 3

当显示用户从他的出发地到目的地的路线时，我需要这样做。我将方向列表存储在名为L.LatLng的{{1}}数组中，然后您可以直接调用

directionLatLngs

这是有效的，因为map.fitBounds(directionLatLngs);采用的map.fitBounds对象只是L.LatLngBounds的数组

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

Leaflet.js - 在地图视图上调整geoJSON坐标

3 个答案: