reactjs - （离线地图）如何下载 osm 瓦片以在 react-native-maps 中使用离线地图

Question

尊敬的先生/女士，我想在我的项目中实现离线 osm 映射。但我没有找到任何关于如何下载瓷砖以供离线使用的适当文档。我目前正在使用 react-native-maps 包来实现自定义 Tile Overlay

import { LocalTile } from 'react-native-maps';

<MapView
  region={this.state.region}
  onRegionChange={this.onRegionChange}
>
  <LocalTile
   /**
    * The path template of the locally stored tiles. The patterns {x} {y} {z} will be replaced at runtime
    * For example, /storage/emulated/0/mytiles/{z}/{x}/{y}.png
    */
   pathTemplate={this.state.pathTemplate}
   /**
    * The size of provided local tiles (usually 256 or 512).
    */
   tileSize={256}
  />
</MapView>

标签： reactjsreact-nativemapsopenstreetmapreact-native-maps

Answer 1

没有直接的方法可以为 OSM 下载离线栅格切片。渲染这些切片是非常耗费资源的，并且根据缩放级别，光栅切片的下载和存储大小将变得巨大。换句话说：应避免离线使用光栅图块。您应该考虑改用矢量图块。

可能的解决方案：

• 渲染您自己的光栅图块，例如使用Maperitive
• 切换到支持矢量切片的库并下载它们，例如从OpenMapTiles.com