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

【问题标题】：(OFF Line MAP) how to download osm tiles to use OFF LINE MAP in react-native-maps（离线地图）如何下载 osm 瓦片以在 react-native-maps 中使用离线地图
【发布时间】：2020-06-02 09:45:54
【问题描述】：

尊敬的先生/女士，我想在我的项目中实现离线 osm map。但我没有找到任何关于如何下载瓷砖以供离线使用的适当文档。我目前正在使用 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>

【问题讨论】：

标签： reactjs react-native maps openstreetmap react-native-maps

【解决方案1】：

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

可能的解决方案：

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

【讨论】：