mirror of https://gitee.com/antv-l7/antv-l7
1.3 KiB
1.3 KiB
title | order |
---|---|
3D弧线图 | 3 |
markdown:docs/common/style.md
将两个点的连线绘制成弧形,绘制的弧线可以是贝塞尔曲线,大圆航线,通常用来表示两种地理事物关系和联系,或者人口迁移,物流起点目的地等
使用
import { LineLayer } from '@antv/l7';
const layer = new LineLayer({})
.source(data, {
parser: {
type: 'csv',
x: 'lng1',
y: 'lat1',
x1: 'lng2',
y1: 'lat2',
},
})
.size(1)
.shape('arc')
.color('#8C1EB2')
.style({
opacity: 0.8,
});
shape
shape 设置成 arc3d 即可
数据
绘制弧线只需提供起止点坐标即可(起止点调换位置,弧线的形状会对称相反,飞线动画的方向也会相反)
source(data, {
parser: {
type: 'csv',
x: 'lng1',
y: 'lat1',
x1: 'lng2',
y1: 'lat2',
},
});
markdown:docs/api/line_layer/features/linear.zh.md
markdown:docs/api/line_layer/features/animate.zh.md
markdown:docs/api/line_layer/features/texture.zh.md
markdown:docs/common/layer/base.md