首页 / OpenLayers / 使用示例
样式表达式
interpolate 按属性插值颜色,step 按缩放级别分段换线宽。
源码与运行效果
说明
样式表达式把属性值映射成视觉参数:interpolate 在色标之间插值,step 按阈值分段。
表达式求值写在 style 函数里,zoom 从 view.getZoomForResolution(resolution) 得到,线宽因此随缩放变化。
要点
step的阈值列表必须从小到大。- 颜色插值要在 RGB 空间逐通道计算。
style函数每帧调用,求值逻辑要保持轻量。
把要素属性一次性拼进一个对象,表达式函数就变成纯函数,便于复用与测试。