百度地图(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

posted @ 2021-04-27 09:32  googlegis  阅读(955)  评论(0编辑  收藏  举报

坐标合肥,非典型GIS开发人员 GitHub