如何在Mapbox GL JS中获取当前图块的X和Y索引？

Question

我正在使用Mapbox GL JS使用我自己的tile-server（只提供pbf目录结构中的openmaptiles Z/X/Y文件）来显示地图。

根据当前的中心坐标自动完成拼贴的加载。

我想预先加载周围的磁贴以获得离线解决方案。 我知道如何使用map.getZoom()

获取当前缩放级别

如何获取当前切片网址的X和Y索引？

Answer 1

我建议根据地理坐标来解决问题：

• 您可以从Map#getBounds）
获取视口地理坐标
• 您可以使用某些light math
将地理坐标转换为图块坐标

Answer 2

此外，如果您需要在bash脚本中进行一些计算，可以使用mercantile库或CLI实用程序将lon / lan坐标转换为tile，查找父级或子级tile并获取其他信息。另一个高级工具是supermercado。