Maptiler提供的光栅瓷砖在反应-本土-地图是一团糟吗？

Question

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

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

不知怎么的，不管我等了多久，装载的地图都是一团糟。有没有人知道发生了什么事？

这在ios模拟器和ios设备中都是可以复制的，只需通过以下步骤使用expo：

在顶层视图中

1. expo init一个空白的project
2. yarn add react-native-maps
3. Put下面的代码，带有基本的样式，使其成为完整的screen.
4. There .

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

​

​

Answer 1

在使用高分辨率(512 had )瓷砖时，我也遇到了类似的问题。虽然看起来您访问的是来自URL的256 2x块，但是您也可以访问@2x分辨率，通常是512 2x。也许再检查一下你的决议是否正确。

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