首页 / deck.gl / 使用示例
笔刷扩展
鼠标周围一圈内的点保持原色,圈外的点压暗。这个效果不需要写事件,扩展自己在着色器里算距离。
源码与运行效果
说明
brushingTarget 决定用实例的哪个位置参与判断,'source' 表示源点。brushingRadius 是像素半径,可以在运行时用 setProps 修改。
同一个扩展可以挂到多个图层上,圈内圈外同步变化;示例里点和文字就共享一个半径。
| 配置 | 作用 |
|---|---|
extensions | BrushingExtension 开启笔刷判断 |
brushingRadius | 像素半径 |
brushingTarget | 'source' 以实例源点为中心判断 |
笔刷半径是像素而非地理距离,缩放到城市级别时同一半径覆盖的范围会小很多。需要固定地理范围就自己算距离再着色。