在 react-native-maps 中，在 UrlTile 中反转 y 轴(用于支持 TMS)

Question

React-native-maps支持带有UrlTile组件的自定义磁贴覆盖。他们使用谷歌地图和OSM风格的瓷砖编号，其中0,0是左上角。

是否可以使用TMS磁贴，其中0,0表示左下角（y轴反转）？

除了编写服务器端代理之外，我没有其他想法，它将从 URL 中解析 x，y，z，使用正确的 URL 从 Tile 服务器中反向 y 和卷曲瓷砖。

Answer 1

我最终修补了AirMapUrlTile.java，我为变量"yr"添加了新的替换（代表y反转）。

String s = this.urlTemplate
    .replace("{x}", Integer.toString(x))
    .replace("{y}", Integer.toString(y))
    .replace("{yr}", Integer.toString((1<<zoom) - y - 1))
    .replace("{z}", Integer.toString(zoom));

这允许使用 urlTemplates，例如 http://my.tms.server.com/layer/{z}/{x}/{yr}.png

但是，如果

能为此提供一些官方解决方案，那就太好了。

Answer 2

你可以

试试<UrlTile urlTemplate="..." flipY={true}。