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

绘制 GeoJSON 点

站点用圆点表示,大小读客流、颜色读类型,再用文字层补名称。

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

说明

circle-radius 用 interpolate 把属性映射到像素,圆点大小才有层次。circle-color 用 match 按类型取色,比写多层图层省事。

文字层单独一层,text-offset 把名称推到圆点下方,避免压住点。

配置取值说明
interpolate数值 → 半径按客流分级
match类型 → 颜色三类站点三种色
text-offset[0, 1.2]文字下移

interpolate 的输入必须是数值,字符串属性先用 to-number 转换,否则表达式直接报错。