203：vue+openlayers 地图旋转移动动画、CSS缩放动画，介绍animate的使用方法

第203个

点击查看专栏目录

本示例的目的是介绍如何在vue+openlayers项目中创建动画，地图上使用的是view中的animate方法， CSS中使用的是keyframes ，animation，transform等方法。这两将两者融合在一个示例中，api用的不全，但是能起到一个抛转引玉的作用。

地图 view.animate 中的属性值介绍

名称	说明
center	动画结束时视图的中心点坐标，如[116 , 23]。
zoom	动画结束时视图的缩放级别。 这优先于分辨率
resolution	动画结束时视图的分辨率。 如果还提供缩放( zoom )，则此选项将被忽略。
rotation	动画结束时视图的旋转角度。