PointTripLayer

用来展示点按时间东西图层，继承自Layer

示例

动手试试

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
var layer = new mapvgl.PointTripLayer({
    color: 'rgba(50, 50, 200, 1)',
    step: 0.3,
    trailLength: 20,
    startTime: 0, 
    endTime: 100,
    data: [{
        geometry: {
            type: 'Point',
            coordinates: [116.394191, 39.91334]
        },
        properties: {
            time: 0
        }
    }, 
    {
        geometry: {
            type: 'Point',
            coordinates: [116.394191, 39.91334]
        },
        properties: {
            time: 1
        }
    }]
});

options属性

color

解释：颜色，同css颜色

类型：string

默认值：’rgba(255, 5, 5, 1)’

startTime

解释：动画开始时间

类型：Number

默认值：0

endTime

解释：动画结束时间

类型：Number

默认值：data的长度

step

解释：执行每次动画的步长

类型：Number

默认值：0.1

trailLength

解释：动画的拖尾时长

类型：Number

默认值：3

data内容

数据格式内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
[{
    geometry: {
        type: 'Point',
        coordinates: [116.394191, 39.91334]
    },
    properties: {
        time: 0
    }
}, 
{
    geometry: {
        type: 'Point',
        coordinates: [116.394191, 39.91334]
    },
    properties: {
        time: 1
    }
}]