首页 / OpenLayers / 使用示例
属性驱动样式
要素带等级属性时,样式函数可以按属性返回不同半径与颜色,一个图层就能表现出分层数据。
源码与运行效果
说明
layer.setStyle() 接受函数,入参是要素与当前分辨率。
函数内通过 feature.get('level') 取属性,据此决定 radius 与填充色。
返回值必须是 ol.style.Style 实例,也可以返回样式数组表达多层符号。
| 操作 | 结果 |
|---|---|
| 观察点位大小 | 等级越高圆点越大 |
| 观察点位颜色 | 三级分别对应蓝、橙、红三色 |
| 缩放地图 | 符号保持屏幕像素尺寸,不随缩放变形 |
样式函数每次重绘都会调用,内部避免创建地图、请求接口等重操作,只做取值与拼装。