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

Nel*_*son 3 openlayers-3

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

在这张图片中我画了一个小方块,所以我们可以完全看到这个方块

在这张图片中我绘制了一个更大的正方形,因为地图没有缩小,我们看不到方形边

And*_*ols 14

请参阅openlayers 3文档中的ol.View.有一个功能setZoom(zoom).

因此,如果你的地图变量是map,放大使用map.getView().setZoom(map.getView().getZoom() + 1);和缩小使用map.getView().setZoom(map.getView().getZoom() - 1);


len*_*ooh 5

如果你想要平滑的缩放:

map.getView().animate({
  zoom: map.getView().getZoom() + 1,
  duration: 250
})
Run Code Online (Sandbox Code Playgroud)