首页 / deck.gl / 使用示例
散点图层
十万个点一次性渲染,按数值映射颜色,可以拖拽旋转和滚轮缩放,悬停显示坐标。
源码与运行效果
说明
数据在页面里即时生成,围绕八个城市做随机抖动,模拟真实的聚集分布。 没有接底图,所以整个画面只有数据本身——这恰好说明 deck.gl 可以独立工作。
| 配置 | 作用 |
|---|---|
radiusUnits: 'pixels' | 点大小不随缩放变化 |
radiusMinPixels: 1 | 缩小时仍能看到点 |
getFillColor | 按 v 值在蓝紫之间插值,带透明度 |
pickable: true | 开启拾取,悬停才有提示 |
maxPitch: 65 | 限制俯仰角,防止视角翻过地平线 |
十万个点在这种配置下通常能跑到满帧。真正的瓶颈往往不是点数量, 而是数据每次更新时重新创建数组导致的对象重建。数据变化频繁时复用数组、只改内容。