百度地图(39)-GL 轨迹动画

1.  轨迹动画原理和动画功能相似,但整体感觉这个效果要好很多,首先速度不会太快,第二有轨迹线

可以查看,用户感觉在实时跟进当前进度和位置。

 

2. 轨迹动画使用的是 BMapGL.TrackAnimation 。

 

3. 代码

 1   var pl = new BMapGL.Polyline(points,{
 2     strokeColor:'#342323',
 3     strokeWeight:2,
 4     strokeStyle:'dashed'
 5   });
 6 
 7   var trackAni = new BMapGLLib.TrackAnimation(map, pl, {
 8     overallView: true, // 动画完成后自动调整视野到总览
 9     tilt: 30,          // 轨迹播放的角度,默认为55
10     duration: 20000,   // 动画持续时长,默认为10000,单位ms
11     delay: 3000        // 动画开始的延迟,默认0,单位ms
12   });
13 
14   trackAni.start();

 

4. 页面显示

录取的 gif 动画文件太大了,传不上来,大家可以看这个效果

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

 

5. 源码地址

https://github.com/WhatGIS/bdMap

 

posted @ 2021-04-27 10:07  googlegis  阅读(3071)  评论(0编辑  收藏  举报

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