如何将“反应本机地图”用于本地JPG文件（例如“楼层平面图”）

Question

我试图为我的一个项目使用“反应式本机地图”，但是无法将本地图像（平面图的JPG或PNG）加载到我的应用中。

我尝试了几种使用“ UrlTile”和“ LocalTile”的方法，但似乎没有一种对我有用。如果有人可以提供帮助，将会很有帮助。谢谢

render（）{

 return (
  <View style={styles.container}>
    <MapView
      provider={PROVIDER_DEFAULT} // remove if not using Google Maps
      mapType={MAP_TYPES.STANDARD}
      style={styles.map}
      region={{
        latitude: 37.78825,
        longitude: -122.4324,
        latitudeDelta: 0.015,
        longitudeDelta: 0.0121,
      }}
    >
       <LocalTile
         pathTemplate="/storage/floorplan/level1.png"
         tileSize={256}
         zIndex={-1}
       />

    </MapView>
  </View>
 );
}

Answer 1

您需要具有平铺的地图，并将其存储在这样的文件夹中： z / x / y.png 例如，您可以尝试使用MapTiler。它会将您的图像切成碎片，并将其存储在这样的文件夹中。