H3HexagonLayer

核心参数

示例

var hexes = new deck.H3HexagonLayer({
  id: 'h3-density',
  data: aggregated,
  getHexagon: function (d) { return d.h3; },
  getFillColor: function (d) {
    var v = Math.min(d.count / 800, 1);
    return [255 * v, 140 * (1 - v), 90, 190];
  },
  getElevation: function (d) { return d.count * 4; },
  extruded: true,
  elevationScale: 1,
  coverage: 0.92,
  pickable: true
});

依赖 h3-js

H3 索引的几何还原依赖 h3-js，它不在 deck.gl 主包里。 使用该图层前需要单独安装，版本与 deck.gl 9 匹配。 只用 h3-js 做聚合、由自己提供中心点坐标时， 改用 HexagonLayer 更省事。

coverage 的用途

coverage 为 1 时六边形彼此相接，视觉上像一块连续的蜂巢； 调到 0.7 左右会露出缝隙，能看清底图，也让高密度区域不至于糊成一片。 它不是缩放比例，而是每个格子向中心收缩的程度。

highPrecision 的代价

默认实现把六边形近似成规则多边形再投影，跨大范围时边缘会略有偏差； highPrecision: true 用 H3 给出的真实边界点， 形状更准确，但顶点数增加，数据量大时帧率下降。 只在需要精确边界（如与行政区划比对）时打开。

v9 的不可变更新

deck.gl 9 的图层不可变，改 coverage 或数据都要新建实例。 用 clone 加 deckgl.setProps 完成更新：

var next = hexes.clone({
  data: aggregatedV2,
  coverage: 1
});

deckgl.setProps({ layers: [next] });