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

弧线弯曲

同一批 OD 数据,弧顶高度按距离分段设置,倾斜角让长弧不遮挡短弧。

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

说明

getHeight 控制弧顶抬升,getTilt 把整条弧倾斜。 两者都按世界单位计算,缩放后观感会变,需要在目标层级下调参。

参数作用
getHeight弧顶高度倍率
getTilt倾斜角度
greatCircle沿大圆走线
getSourceColor / getTargetColor两端渐变

高度给得太大,弧线会冲出屏幕;给得太小,多条线叠在一起分不开。 先固定视角,再按视角调高度。