javascript - OpenLayers3 - 动画 .fit 到特定范围

Question

我使用 OpenLayers3 创建了一张 map 。我可以使用以下代码成功缩放到 map 上的图层:

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

但是我想要以动画方式呈现的类似内容。

我知道以下动画:

ol.animation.pan
ol.animation.zoom

通过使用这些我无法缩放到图层，使用 ol.animation.pan 我只能平移到一个点(而不是边界框)并使用 ol.animation.zoom 我可以缩放到一个分辨率(和而不是边界框)。所以我正在寻找的是一个动画 .fit，这样我就可以将动画缩放到一定程度。

任何关于我如何实现的建议将不胜感激:)

Answer 1

从 v3.20.0 开始，OpenLayers 在 ol.View#fit() 上有一个新的 duration 选项。要获得适合范围的 1 秒动画，请将其设置为 1000:

// OpenLayers v3.20.x
view.fit(extent, size, {duration: 1000});

另请注意，从 v3.21.0 开始，ol.View#fit() 的 API 得到了简化 - 它不再需要设置大小(除非 map 上有多个 map )页面):

// OpenLayers >= v3.21.0
view.fit(extent, {duration: 1000});