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

笔刷扩展

鼠标周围一圈内的点保持原色,圈外的点压暗。这个效果不需要写事件,扩展自己在着色器里算距离。

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

说明

brushingTarget 决定用实例的哪个位置参与判断,'source' 表示源点。brushingRadius 是像素半径,可以在运行时用 setProps 修改。

同一个扩展可以挂到多个图层上,圈内圈外同步变化;示例里点和文字就共享一个半径。

配置作用
extensionsBrushingExtension 开启笔刷判断
brushingRadius像素半径
brushingTarget'source' 以实例源点为中心判断

笔刷半径是像素而非地理距离,缩放到城市级别时同一半径覆盖的范围会小很多。需要固定地理范围就自己算距离再着色。