百度地圖（39）-GL 軌跡動畫

1.  軌跡動畫原理和動畫功能相似，但整體感覺這個效果要好很多，首先速度不會太快，第二有軌跡線

可以查看，用戶感覺在實時跟進當前進度和位置。

 

2. 軌跡動畫使用的是 BMapGL.TrackAnimation 。

 

3. 代碼

  var pl = new BMapGL.Polyline(points,{
    strokeColor:'#342323',
    strokeWeight:2,
    strokeStyle:'dashed'
  });

  var trackAni = new BMapGLLib.TrackAnimation(map, pl, {
    overallView: true, // 動畫完成后自動調整視野到總覽
    tilt: 30,          // 軌跡播放的角度，默認為55
    duration: 20000,   // 動畫持續時長，默認為10000，單位ms
    delay: 3000        // 動畫開始的延遲，默認0，單位ms
  });

  trackAni.start();

 

4. 頁面顯示

錄取的 gif 動畫文件太大了，傳不上來，大家可以看這個效果

http://lbsyun.baidu.com/index.php?title=jspopularGL/guide/trackAnimation

 

5. 源碼地址

https://github.com/WhatGIS/bdMap