经纬志
首页 / deck.gl / 使用示例

虚线描边多边形

行政区、规划范围常用虚线表达「待定边界」。PolygonLayer 本身不支持虚线,需要挂 PathStyleExtension。

deck.gl 9.0 · 更新 2026-10-28
源码与运行效果
运行效果

说明

扩展打开 dash 后,多边形描边按 getLineDashArray 的 [实线, 空白] 序列断开。dashJustified 让虚线段在闭合环上均匀分布,拐角处不会出现半截短线。

填充与描边是两套属性,虚线只影响描边,getFillColor 照常生效。

配置作用
extensionsPathStyleExtension({dash: true}) 开启虚线能力
getLineDashArray[实线, 空白],单位像素
dashJustified闭合环上均匀分配虚线段
stroked 与 filled描边与填充互相独立

虚线数组里的数字是像素,缩放时不会变。要做出随缩放变化的虚线节奏,需要在 zoom 变化时重设 getLineDashArray。