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

属性驱动样式

要素带等级属性时,样式函数可以按属性返回不同半径与颜色,一个图层就能表现出分层数据。

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

说明

layer.setStyle() 接受函数,入参是要素与当前分辨率。 函数内通过 feature.get('level') 取属性,据此决定 radius 与填充色。 返回值必须是 ol.style.Style 实例,也可以返回样式数组表达多层符号。

操作结果
观察点位大小等级越高圆点越大
观察点位颜色三级分别对应蓝、橙、红三色
缩放地图符号保持屏幕像素尺寸,不随缩放变形

样式函数每次重绘都会调用,内部避免创建地图、请求接口等重操作,只做取值与拼装。