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

多边形与顶点样式

一个样式函数返回两个 Style:一个画面,另一个用 MultiPoint 几何单独画每个顶点。

OpenLayers 10.3.1 · 对应官方 polygon-styles.html · 更新 2026-10-27
源码与运行效果
运行效果

说明

一个要素可以有多个样式:样式函数返回数组,OpenLayers 会按顺序叠加绘制。 面用填充加描边,顶点则把环坐标包成 ol.geom.MultiPoint, 作为第二个 Style 的 geometry,这样每个点都会被单独绘制成一个圆。

顶点坐标直接复用面的外环数组,不额外存储;切换显示只改一个布尔值, 再调用 layer.changed() 触发重绘,数据本身不变。

操作结果
取消勾选「显示顶点」顶点圆消失,面样式保留
重新勾选顶点重新出现,坐标取自外环
缩放地图顶点圆保持 4 像素,不随比例尺放大

顶点较多时可以用 style.geometry 加 declutter 避免圆圈互相压盖。