Mapbox：如何添加Hexbins可视化？

Question

我正在开发一个Angular 4项目，用于使用mapbox可视化大量数据，我需要提供不同的可视化。现在我正在尝试使用Hexbins，但我找不到任何关于它的简单教程。 我需要一个初学者的基本例子。非常感谢您的帮助。

Answer 1

Mapbox可以使用Geojson来源，它们不知道特定的“形状”（例如六边形）;只有点，线和多边形。

所以你可以使用 Turf.js ，它有一个将边界框转换为六边形网格的函数：hexGrid：

const bbox = [-96,31,-84,40];
const cellSide = 50;
const options = { units: 'miles' };

const hexgrid = turf.hexGrid(bbox, cellSide, options);
const source = {
  "type": "FeatureCollection",
  "features": hexgrid
}

完整演示：https://codepen.io/eddydg/pen/erEydr