百度地图（38）-GL 动画

1. 这里说的动画，可以看做是动画片，也可以说是轨迹回放，也可以看做类似于ArcGIS的 storyMap。

2. 将一系列的点按照一定的顺序进行漫游。

3. 动画

 1   var animation = new BMapGL.ViewAnimation(keyFrames, opts);        // 初始化动画实例
 2   animation.addEventListener('animationstart', function(e) {        // 监听动画开始事件
 3     console.log('start');
 4   });
 5   animation.addEventListener('animationiterations', function(e) {   // 监听动画迭代事件
 6     console.log('onanimationiterations');
 7   });
 8   animation.addEventListener('animationend', function(e) {        // 监听动画结束事件
 9     console.log('end');
10   });
11   animation.addEventListener('animationcancel', function(e) {       // 监听动画中途被终止事件
12     console.log('cancel');
13   });
14 
15   map.startViewAnimation(animation);         // 开始播放动画

4. 使用 flyTo 和 panTo 对这些数据点进行操作，其效果都没有Animation动画的效果好。

5. 页面显示

6. 源码地址

https://github.com/WhatGIS/bdMap