首页 / OpenLayers / 使用示例
虚线样式
规划线路、临时边界常用虚线表达;lineDash 数组控制实线段与间隔的像素长度。
源码与运行效果
说明
ol.style.Stroke 的 lineDash 接收数字数组,按「实线长度、空白长度」交替循环;
传入空数组则恢复实线。多个线要素共用同一图层,但可以通过 setStyle() 在两种虚线方案间切换,
观察不同间距的视觉差别。
| 操作 | 结果 |
|---|---|
| 初始状态 | 两条路线均为长虚线 |
| 点击「短虚线」 | 线型切换为密集短划 |
| 点击「实线」 | lineDash 置空,线条变为连续 |
lineDash 的长度单位是屏幕像素,缩放到任意层级时虚线密度都保持一致。