Блог

Я ищу способ использовать данные OpenStreetMap в своем собственном приложении react. Во время моих последних повторных поисков я нашел MapLibre, который является бесплатной опцией на основе старых версий MapBox GL. Проблема, с которой я сталкиваюсь, заключается в том, что я не могу найти какой-либо плагин для его использования в React Native, кроме @react-native-mapbox-gl/maps. Поэтому в их документации сказано: «Теперь мы также поддерживаем версии SDK Mapbox с поддержкой MapLibre», но пример, который они предложили, следующий:

 import { StyleSheet, View } from "react-native";
import MapboxGL from "@react-native-mapbox-gl/maps";

MapboxGL.setAccessToken("<YOUR_ACCESSTOKEN>");

const styles = StyleSheet.create({
  page: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center",
    backgroundColor: "#F5FCFF"
  },
  container: {
    height: 300,
    width: 300,
    backgroundColor: "tomato"
  },
  map: {
    flex: 1
  }
});

export default class App extends Component {
  render() {
    return (
      <View style={styles.page}>
        <View style={styles.container}>
          <MapboxGL.MapView style={styles.map} />
        </View>
      </View>
    );
  }
}
 

Для MapBox GL требуется маркер доступа, а для MapLibre нет описания
В противном случае, если есть бесплатный поставщик плитки, который вы можете мне посоветовать, это будет приветствоваться.

Руководство по iOS здесь

руководство для Android здесь