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. 源码地址