轨迹图

轨迹图以流动线条展示目标移动轨迹,常用于查看特定时间段内物体的定位变化。



创建轨迹图

// 创建地图
var map = new TMap.Map('container', {
    center: new TMap.LatLng(40.040934, 116.272677)
});
 
// 创建轨迹图
var trail = new TMap.visualization.Trail({
    pickStyle: function(trailLine) { // 样式映射函数
        var red = {
            color: '#FF0000'
        };
        var blue = {
            color: '#0000FF'
        };
        return trailLine.style == 'red' ? red : blue;
    },
    showDuration: 10, // 动画中轨迹点高亮的持续时间
    startTime: 15, // 动画循环周期的起始时间戳
    endTime: 60// 动画循环周期的结束时间戳
    playRate: 2 // 动画播放倍速, 即以2米/秒的速度移动
}).addTo(map); // 通过addTo()添加到指定地图实例
 
// 设置数据,若需要更新数据则再次调用setData方法即可
trail.setData([
    { 
        style: "red", 
        path: [ // 轨迹点数组,轨迹点需要按照时间从小到大排序
            [39.792151,116.397607,14], // 轨迹点为纬度、经度、时间戳构成的数组
            [39.791717,116.39763,29],
            [39.791823,116.398773,43],
            [39.791861,116.399422,58],
            [39.792784,116.399336,72]
        ]
    },
    { 
        style: "blue", 
        path: [
            [39.792151,116.397607,10],
            [39.791717,116.39763,20],
            [39.791823,116.398773,30]
        ]
    },
]);

参考手册 | 查看示例

这篇文章对您解决问题是否有帮助?

已解决
未解决