经纬志
首页 / deck.gl / 使用示例

线图层

十条城市之间的连线,宽度取流量的平方根,低值不会被高值压成难辨的细线。

deck.gl 9.0 · 更新 2026-10-27
源码与运行效果
运行效果

说明

每条记录是一对端点,LineLayer 把它们画成带宽度和颜色的线段。 宽度取平方根是常用做法:流量差十倍时,线宽只差三倍,视觉落差仍在可读区间。

参数作用
getSourcePosition / getTargetPosition两端坐标
widthUnits: 'pixels'线宽不随缩放变化
widthMinPixels下限,保证可见
getColor整条线一个颜色,渐变需要 ArcLayer

LineLayer 画的是直线,跨洲连线会横穿地图中部。 需要沿大圆走线时改用 ArcLayer,并打开 greatCircle。