openlayers-3 - 如何缩放到 Openlayers3 (v3.17.1) map 的任何特征

Question

我知道在许多其他主题中讨论了这个问题。但我仍然无法为我的问题找到解决方案。没有任何收据对我有用。

一个问题很简单。我的 Openlayers3 (v3.17.1) map 有一个功能。我应该能够缩放到我想要的任何功能。

缩放前:



缩放后:



正如我提到的，我使用版本 v3.17.1。

var features = myLayer.getSource().getFeatures();
var myFirstFeature = features[0];

选项1:

map.zoomToExtent(feature.geometry.getBounds());

选项 2:

    var bounds = f.geometry.getBounds().clone();
    this._map.zoomToExtent(bounds,false);

Answer 1

有很多方法可以做到这一点，例如，如果您只想缩放到一个要素并且您想定义缩放级别，则可以使用以下方法:

var ext=feature.getGeometry().getExtent();
var center=ol.extent.getCenter(ext);
map.setView( new ol.View({
    projection: 'EPSG:4326',//or any projection you are using
    center: [center[0] , center[1]],//zoom to the center of your feature
    zoom: 12 //here you define the levelof zoom
}));

还有另一种方法可以放大到更多，而不仅仅是一个功能:

map.getView().fit(extent, map.getSize());

假设在某种程度上你有你的一个或多个特征的范围