Question

我有这个GeoJSON文件（polygon.geojson）......

{
  "type": "Feature",
  "geometry": { "type": "Polygon", "coordinates": [ [ [73, 15], [83.0, 15], [83, 5], [73, 5], [73, 15] ] ] },
  "properties": { "name": "Foo" }
}

...并将其用作矢量源：

var vectorSource = new ol.source.Vector({
    url: 'polygon.geojson',
    format: new ol.format.GeoJSON(),
    projection : 'EPSG:4326',
});

现在我希望得到以下内容：

var extent = vectorSource.getExtent();

extent的值是：

Array [ Infinity, Infinity, -Infinity, -Infinity ]

我正在使用OL 3.9.0，并且正确显示了带有此源的矢量图层。我做错了什么？

Answer 1

我明白了。我需要等到源加载：

vectorSource.once('change',function(e){
    if(vectorSource.getState() === 'ready') {
        var extent = vectorSource.getExtent();
        console.log(extent);
        map.getView().fit(extent, map.getSize());
    }
});

编辑：如果图层不为空，则缩放可能更安全：

vectorSource.once('change',function(e){
    if(vectorSource.getState() === 'ready') { 
        if(layers[0].getSource().getFeatures().length>0) {
            map.getView().fit(vectorSource.getExtent(), map.getSize());
        }
    }
});

Answer 2

如果您正在寻找fit，请尝试以下方法：

var extent = *YOURLAYER*.getSource().getExtent();
map.getView().fit(extent, map.getSize());

Answer 3

您可以为每个要素循环并创建计算边界，如下所示：

var bounds = ol.extent.createEmpty();
for(var i=0;i< features.length;i++){
ol.extent.extend(bounds,features[i].getGeometry().getExtent())
}

map.getView().fitExtend(bounds , map.getSize());

如何获得GeoJSON矢量源的范围？

3 个答案: