经纬志
首页 / MapLibre / 使用示例

属性驱动的线样式

路网宽度读车道数,颜色读道路等级,一份数据画出层次分明的路网。

MapLibre GL JS 4.x · 更新 2026-10-28
源码与运行效果
运行效果

说明

line-width 用 interpolate 把车道数映射到像素宽度;line-color 用 match 按等级取色。两个表达式都在绘制阶段求值,不预处理数据。

宽度缩放把系数乘进表达式里,避免逐条改要素属性。

配置取值说明
interpolate车道数 → 宽度两种车道两个端点
match等级 → 颜色快速路 / 主干路 / 次干路
line-capround端点圆滑

表达式里的常量不要写死两份,缩放系数乘在表达式里,改一次全图生效。