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

虚线样式

规划线路、临时边界常用虚线表达;lineDash 数组控制实线段与间隔的像素长度。

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

说明

ol.style.Stroke 的 lineDash 接收数字数组,按「实线长度、空白长度」交替循环; 传入空数组则恢复实线。多个线要素共用同一图层,但可以通过 setStyle() 在两种虚线方案间切换, 观察不同间距的视觉差别。

操作结果
初始状态两条路线均为长虚线
点击「短虚线」线型切换为密集短划
点击「实线」lineDash 置空,线条变为连续

lineDash 的长度单位是屏幕像素,缩放到任意层级时虚线密度都保持一致。