MapLibre React Native provides a comprehensive React Native wrapper around MapLibre Native, supporting both iOS and Android platforms with full feature parity.
Quick start
npm install @maplibre/maplibre-react-nativeimport { Camera, Map } from "@maplibre/maplibre-react-native";
export default function App() {
return (
<Map mapStyle="https://tiles.openfreemap.org/styles/liberty">
<Camera initialViewState={{ center: [0, 20], zoom: 2 }} />
</Map>
);
}›Setup noteschecked with v11.4.0
@maplibre/maplibre-react-native 11.4.0 (v11). v11 renamed MapView to Map (mapStyle prop), renamed Camera defaultSettings to initialViewState ({center: [lng, lat], zoom}), and supports only the New Architecture. It requires React Native >=0.80, React >=19.1 and Android API 23+. It wraps MapLibre Native Android 13.6.1 and iOS 6.31.0. Map fills its parent by default (style defaults to {flex: 1}). Expo: run npx expo install @maplibre/maplibre-react-native, add "@maplibre/maplibre-react-native" to expo.plugins in app.json, then rebuild (Expo >=54, a development build; Expo Go is not supported). Bare React Native: add $MLRN.post_install(installer) to the post_install block of ios/Podfile, run pod install in ios/, then rebuild. Android needs no extra setup.
Other platforms are on SDKs.
Used by 2 products
VeloPlanner
Site and apps for discovering, planning, and sharing cycling routes, with detailed guides to official cycling routes, a route planner, GPX downloads, and embeddable route map widgets.
SmartGuide
Digital audio travel guide with offline maps in its iOS and Android apps, plus a no-code CMS for building location-based audio guides whose trigger zones autoplay stories as visitors walk.