百度地图(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. 源码地址