OpenLayers為getView（）。fit（）設置動畫

Question

我一直在研究openlayers的動畫功能，並且可以看到使用以下命令縮放到給定的點和分辨率有多么簡單

view.animate({
    center: position,
    zoom: 11
});

但是我不知道如何制作動畫

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

有人可以給我一些指示嗎？

提前致謝

Answer 1

fit函數確實支持Openlayers 3中的動畫。第三個參數是一個對象，可以在其中設置不同的選項（持續時間，緩動...），您可以輕松地做到這一點：

map.getView().fit(extent, map.getSize(), { duration: 1000 });

您可以查看Openlayers 3 API，以了解有關options參數的更多詳細信息。

我還創建了一個jsFiddle示例 ，您可以在其中看到它的工作原理 。

小心！ OpenLayers v4.0.1在這里：

在最近發布的Openlayers版本中，與該方法有關的某些事情已更改，因此，如果您閱讀最新的Openlayers API中的fit函數文檔，您會發現現在只允許2個參數，因為大小不需要作為參數傳遞（但是，可以在options參數中分配）。 因此，適用於Openlayers v4.0.1的示例如下所示：

map.getView().fit(extent, { duration: 1000 });

請務必牢記這些更改，因為在您使用官方API時可能會引起混淆。