LineFlowLayer

目前LineLayer已经支持animation属性，可实现同款动画效果。建议直接使用LineLayer，功能更强大。

该图层用来展示路线流动状态的动画，继承自Layer。

该图层可使用鼠标拾取Pick。

示例

动手试试

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var layer = new mapvgl.LineFlowLayer({
    color: 'rgba(50, 50, 200, 1)',
    interval: 0.1,
    duration: 2,
    trailLength: 0.5,
    zoom: 4
    data: [{
        geometry: {
            type: 'LineString',
            coordinates: [
                [116.394191, 39.91334],
                [116.417259, 39.913672]
            ]
        }
    }]
});

options属性

color

解释：颜色，同css颜色

类型：string

默认值：’rgba(25, 25, 250, 1)’

width

解释：线的宽度

类型：number

默认值：4

interval

解释：该参数指定每条线段的长度，值为粒子长度占数据中最长的线整体长度的比例

类型：float

默认值：0.1

duration

解释：动画的循环时间，单位为秒

类型：number

默认值：2

trailLength

解释：拖尾长度占间隔的比例

类型：float

默认值：0.5

minZoom

解释：地图视野大于等于一定级别时开启动画，默认值为3，即一直开启

类型：number

默认值：2

maxZoom

解释：地图视野小于等于一定级别时开启动画，默认值为21，即一直开启

类型：number

默认值：25

data内容

数据格式内容：

1
2
3
4
5
6
7
8
9
[{
    geometry: {
        type: 'LineString',
        coordinates: [
            [116.394191, 39.91334],
            [116.417259, 39.913672]
        ]
    }
}]