百度地图之轨迹动画

李克鹏

已于 2022-04-30 15:11:18 修改

阅读量2.8k

点赞数 4

分类专栏：百度地图可视化文章标签：数据可视化 html5 百度

于 2022-03-25 14:40:51 首次发布

本文链接：https://blog.csdn.net/weixin_45738390/article/details/123735250

版权

该博客介绍如何利用HTML5和百度地图API创建轨迹动画，详细讲解了引入相关库、定义轨迹线条、设置动画选项以及通过按钮控制动画播放的步骤。通过实例代码，展示了数据可视化的实现方法。

摘要由CSDN通过智能技术生成

引入库：

<script type="text/javascript" src="//api.map.baidu.com/library/TrackAnimation/src/TrackAnimation_min.js">
</script>

主要函数：

var trackAnimation = new BMapGLLib.TrackAnimation(map, lines, opts);     定义动画
trackAnimation.start();                                                  开始动画
trackAnimation.cancel();                                                 结束动画

定义lines：

var points = [
            new BMapGL.Point(116.297611, 40.047363),
            new BMapGL.Point(116.302839, 40.048219),
            new BMapGL.Point(116.308301, 40.050566),
            new BMapGL.Point(116.305732, 40.054957),
            new BMapGL.Point(116.304754, 40.057953),
            new BMapGL.Point(116.306487, 40.058312),
            new BMapGL.Point(116.307223, 40.056379)
        ];
var lines &