react native-native-map中的Maptiler服务器栅格图块是一团糟？答案

【问题标题】：Maptiler served raster tile in reactnative-native-map is a mess?react native-native-map中的Maptiler服务器栅格图块是一团糟？
【发布时间】：2021-03-17 15:22:43
【问题描述】：

<UrlTile
urlTemplate={'https://api.maptiler.com/maps/topographique/256/{z}/{x}/{y}@2x.png?key=nQEdJcXZH5PRPm3AKJtX'}/>

这就是我在 <MapView> 中从 react-native-maps 模块设置 urlTile 的方式。

不知何故，无论我等多久，加载的地图都是一团糟。有谁知道发生了什么事吗？

这在 ios 模拟器和 ios 设备中都可以重现，只需执行以下步骤，使用 expo：

expo init 一个空白项目
yarn add react-native-maps
将以下代码放在顶层视图中，使用基本样式使其全屏显示。
你去。

  <MapView style={styles.mapStyle}>
    <UrlTile
      urlTemplate={'https://api.maptiler.com/maps/topographique/256/{z}/{x}/{y}@2x.png?key=nQEdJcXZH5PRPm3AKJtX'}
    />
  </MapView>

【问题讨论】：

标签： react-native react-native-maps maptiler

【解决方案1】：

我在使用高分辨率 (512px) 磁贴时遇到了类似的问题。虽然看起来您正在从 URL 访问 256 像素的图块，但您也访问了 @2x 分辨率，通常为 512 像素。也许仔细检查你的分辨率是否正确。

  <UrlTile
      urlTemplate={this.urlTemplate}
      tileSize={512}
  />

【讨论】：