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

散点图层

十万个点一次性渲染,按数值映射颜色,可以拖拽旋转和滚轮缩放,悬停显示坐标。

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

说明

数据在页面里即时生成,围绕八个城市做随机抖动,模拟真实的聚集分布。 没有接底图,所以整个画面只有数据本身——这恰好说明 deck.gl 可以独立工作。

配置作用
radiusUnits: 'pixels'点大小不随缩放变化
radiusMinPixels: 1缩小时仍能看到点
getFillColor按 v 值在蓝紫之间插值,带透明度
pickable: true开启拾取,悬停才有提示
maxPitch: 65限制俯仰角,防止视角翻过地平线

十万个点在这种配置下通常能跑到满帧。真正的瓶颈往往不是点数量, 而是数据每次更新时重新创建数组导致的对象重建。数据变化频繁时复用数组、只改内容。