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

Question

>我正在尝试在 React Map GL(Map Box( 和 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 层使用 S2 Cell 令牌(我似乎无法理解如何计算，类似地，h3 集群层使用 H3，为此我也找不到任何代码示例 React。所以任何人都可以解释我如何使用 H3、S2 并计算可以在 React Map Gl 上使用 Deck GL 查看的 50 平方公里框(如果需要(。或者建议其他解决方案？

Answer 1

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

以某种分辨率将纬度/液化点转换为六边形索引所需的只是以下代码：

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