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

【问题标题】：How to get X and Y indexes of the current tile in Mapbox GL JS?如何在 Mapbox GL JS 中获取当前图块的 X 和 Y 索引？
【发布时间】：2017-03-07 00:24:23
【问题描述】：

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

图块的加载是根据当前中心坐标自动完成的。

我想为离线解决方案预加载周围的图块。我知道如何使用map.getZoom()获取当前缩放级别

如何获取当前磁贴 URL 的 X 和 Y 索引？

【问题讨论】：

标签： mapbox-gl-js mapbox-gl openmaptiles

【解决方案1】：

我建议用地理坐标来描述问题：

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

【讨论】：

【解决方案2】：

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

【讨论】：