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

Question

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

基于当前中心坐标自动完成瓦片的加载。

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

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

Answer 1

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

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

Answer 2

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