`r`n
经纬志
`r`n
`r`n
首页 / OpenLayers / 使用示例
`r`n

样式表达式

样式函数就是一段按要素属性取值的表达式,改动它比改数据更灵活。

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

说明

示例准备了十二个城市,属性含人口与增速。样式函数里按当前模式计算:人口模式让半径取平方根,增速模式固定半径而颜色按区间分级,双变量模式两者同时生效。切换下拉框只改变量并调用 layer.changed(),渲染时重新执行样式函数。

操作结果
选择「半径 ∝ 人口」大城市圆点明显更大
选择「颜色按增速分级」半径统一,颜色分四档
选择双变量半径与颜色同时表达两个指标

要点

  • 半径取平方根后,圆的面积与数值成正比,视觉更准确。
  • 分级颜色要给出明确阈值,读图者才能还原数值。

样式函数在每次渲染时执行,内部避免重复创建样式对象,可缓存按属性值索引的实例。

`r`n
`r`n