首页 / deck.gl / 使用示例
虚线描边多边形
行政区、规划范围常用虚线表达「待定边界」。PolygonLayer 本身不支持虚线,需要挂 PathStyleExtension。
源码与运行效果
说明
扩展打开 dash 后,多边形描边按 getLineDashArray 的 [实线, 空白] 序列断开。dashJustified 让虚线段在闭合环上均匀分布,拐角处不会出现半截短线。
填充与描边是两套属性,虚线只影响描边,getFillColor 照常生效。
| 配置 | 作用 |
|---|---|
extensions | PathStyleExtension({dash: true}) 开启虚线能力 |
getLineDashArray | [实线, 空白],单位像素 |
dashJustified | 闭合环上均匀分配虚线段 |
stroked 与 filled | 描边与填充互相独立 |
虚线数组里的数字是像素,缩放时不会变。要做出随缩放变化的虚线节奏,需要在 zoom 变化时重设 getLineDashArray。