如何以编程方式缩放地图Openlayers 3？

Question

我想在标记周围画一个正方形。如果我绘制一个大的正方形，地图应该自动缩小，以便我们可以完全看到正方形。如果我绘制一个小方块，地图应自动放大以完全显示方块。

In this image i have drawn small square so we can see the square completely

In this image i have drawn a larger square, Since the map is not zooming out we cannot see the square sides

Answer 1

请参阅openlayers 3文档中的ol.View。有一个函数setZoom(zoom)。

因此，如果您的地图变量为map，则要放大使用map.getView().setZoom(map.getView().getZoom() + 1);并缩小使用map.getView().setZoom(map.getView().getZoom() - 1);

Answer 2

如果要平滑缩放：

map.getView().animate({
  zoom: map.getView().getZoom() + 1,
  duration: 250
})