首页 / OpenLayers / 使用示例
多边形与顶点样式
一个样式函数返回两个 Style:一个画面,另一个用 MultiPoint 几何单独画每个顶点。
源码与运行效果
说明
一个要素可以有多个样式:样式函数返回数组,OpenLayers 会按顺序叠加绘制。
面用填充加描边,顶点则把环坐标包成 ol.geom.MultiPoint,
作为第二个 Style 的 geometry,这样每个点都会被单独绘制成一个圆。
顶点坐标直接复用面的外环数组,不额外存储;切换显示只改一个布尔值,
再调用 layer.changed() 触发重绘,数据本身不变。
| 操作 | 结果 |
|---|---|
| 取消勾选「显示顶点」 | 顶点圆消失,面样式保留 |
| 重新勾选 | 顶点重新出现,坐标取自外环 |
| 缩放地图 | 顶点圆保持 4 像素,不随比例尺放大 |
顶点较多时可以用 style.geometry 加 declutter 避免圆圈互相压盖。