reactjs - 如何在 React Map GL(Mapbox) 和 Deck.gl 中创建一个 50 平方公里的矩形或六边形网格，覆盖整个国家

Question

我正在尝试在 React Map GL（地图框）和 Deck GL 中创建一个矩形或六边形的网格层，覆盖整个国家。

这就是我想要实现的目标：http ://webcoveragemap.rootmetrics.com/en-US

这些是我找到的解决方案：

1. https://deck.gl/#/documentation/deckgl-api-reference/layers/s2-layer
2. https://deck.gl/#/documentation/deckgl-api-reference/layers/h3-cluster-layer

我面临的问题是 s2-layer 使用 S2 Cell 令牌（我似乎无法理解如何计算，同样 h3-cluster-layer 使用 H3 并且我也找不到任何代码示例反应。所以任何人都可以向我解释如何使用 H3、S2 并计算可以在 React Map Gl 和 Deck GL 上查看的 50 平方公里的盒子（如果需要）。或者建议另一个解决方案？

Answer 1

原来有 H3-Core 库（基于六边形的地理网格系统）的 java 脚本版本。 https://www.npmjs.com/package/h3-js

只需以下代码即可将 lat/lng 点以某种分辨率转换为六边形索引：

const h3Index = h3.geoToH3(37.3615593, -122.0553238, 7);
// -> '87283472bffffff'