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

样式表达式

interpolate 按属性插值颜色,step 按缩放级别分段换线宽。

OpenLayers 10.3.1 · 更新 2026-10-28
源码与运行效果
运行效果

说明

样式表达式把属性值映射成视觉参数:interpolate 在色标之间插值,step 按阈值分段。

表达式求值写在 style 函数里,zoom 从 view.getZoomForResolution(resolution) 得到,线宽因此随缩放变化。

要点

  • step 的阈值列表必须从小到大。
  • 颜色插值要在 RGB 空间逐通道计算。
  • style 函数每帧调用,求值逻辑要保持轻量。

把要素属性一次性拼进一个对象,表达式函数就变成纯函数,便于复用与测试。