首页 / OpenLayers / 使用示例
平移动画
view.animate() 把中心点和层级变化交给缓动函数处理，跳转不再生硬。
源码与运行效果
说明
animate 接收一组或一个动画配置对象，包含 center、zoom、
duration 与 easing。示例提供三座城市的坐标，
「只平移」按钮仅改 center，层级保持不变；
「平移并缩放」同时给出两个目标值；ol.easing.easeInOut 让速度两头慢、中间快。
| 操作 | 结果 |
|---|---|
| 点击城市按钮 | 视图平滑移到该城市上空 |
| 勾选「同时缩放」 | 移动过程中层级同步过渡到 12 |
| 点击「中断动画」 | 当前动画立即停止，停在中间位置 |
连续调用 animate 会依次排队；需要打断前一段时先调 view.cancelAnimations()。