百度地圖（38）-GL 動畫

1. 這里說的動畫，可以看做是動畫片，也可以說是軌跡回放，也可以看做類似於ArcGIS的 storyMap。

 

2. 將一系列的點按照一定的順序進行漫游。

 

3. 動畫

  var animation = new BMapGL.ViewAnimation(keyFrames, opts);        // 初始化動畫實例
  animation.addEventListener('animationstart', function(e) {        // 監聽動畫開始事件
    console.log('start');
  });
  animation.addEventListener('animationiterations', function(e) {   // 監聽動畫迭代事件
    console.log('onanimationiterations');
  });
  animation.addEventListener('animationend', function(e) {        // 監聽動畫結束事件
    console.log('end');
  });
  animation.addEventListener('animationcancel', function(e) {       // 監聽動畫中途被終止事件
    console.log('cancel');
  });

  map.startViewAnimation(animation);         // 開始播放動畫

 

4. 使用 flyTo  和  panTo 對這些數據點進行操作，其效果都沒有Animation動畫的效果好。

 

5. 頁面顯示

6. 源碼地址

https://github.com/WhatGIS/bdMap