OpenLayers 视图平移动画

OpenLayers 视图平移动画

移动视图有平移动画的方法

view.animate({
  center: [119, 31],
  duration: 300,
})

部分参数

• center, 中心点坐标
• duration, 动画时长

使用按键控制视图移动函数

const kenDown = (e) => {
  const view = map.value.getView()
  const center = view.getCenter()
  const jump = 4000
  switch (e.keyCode) {
    case 38:
      center[1] += jump
      break;
    case 40:
      center[1] -= jump
      break;
    case 37:
      center[0] -= jump
      break;
    case 39:
      center[0] += jump
      break;
  }
  view.animate({
    center: center,
    duration: 300,
  })
  map.value.render()
}