アニメーションと一緒にOpenLayer 3マップオートパンを作成するにはどうすればよいですか？

Question

OpenLayers3 APIを利用して地図を描き、経路をアニメーション化するFlaskアプリケーションがあります。ボートをズームインすると小さなボートでマップを動かすことができるようにしたいので、ズームインした場合にボートが外に出ることはありません。

見つかったコードを使ってみましたhere （ロンドン部分にパン）：私は上記の作品と一緒に自分のコードの残りの部分を誇示するためにa fiddleを作成している

// ------------------------------------------------ 
// 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);*/ 

。

マーカーはちょうど良い動きをしていますが、カメラとマーカーを一緒にパンしたいと思います。誰もこれを達成する方法を知っていますか？

Answer 1

マップのビューにアクセスするには、getView（）メソッドを呼び出して中心を設定する必要があります。ジオメトリオブジェクトではなく座標を直接渡す必要があります。

センターを設定するための正しいアプローチは次のようになります。

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

私はまた、あなたのjsfiddle