如何使我的 OpenLayer 3 地图与我的动画一起自动平移？

Question

我有一个 Flask 应用程序利用 OpenLayers3 API 来绘制地图和动画路线。如果我放大小船，我希望能够让地图随着我的小船一起移动，这样在我放大时小船永远不会离开视野。

我尝试使用我找到的一些代码 here（泛到伦敦部分）：

// ------------------------------------------------
// Tried to use this code - Did not work
// ------------------------------------------------
/*var pan = ol.animation.pan({
  duration: 100,
  source: (map1.view.getCenter())
})
map1.beforeRender(pan);
map1.view.setCenter(currentPoint);*/

我创建了 a fiddle 来展示我的其余代码以及上面的代码。

标记移动得很好，但我希望相机与标记一起平移。有谁知道如何做到这一点？

Answer 1

要访问地图的视图，您应该调用方法getView()，要设置中心，您必须直接传递坐标，而不是几何对象。

设置中心的正确方法是：

map.getView().setCenter([53.44241609, 6.84913974]);

我也编辑了你的jsfiddle

如何使我的 OpenLayer 3 地图与我的动画一起自动平移？

How do I make my OpenLayer 3 map AutoPan together with my animation?

html

javascript

jquery

flask

openlayers-3