Как использовать «карту реагирования» для локального файла 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.Он разрезает изображение на части и сохраняет его в таких папках.