Docs · React Native · Expo

Frameworks

React Native · Expo

Native maps on iOS and Android with MapLibre React Native.

Example

OrviaMap.tsxtsx
1// npx expo install @maplibre/maplibre-react-native2// (Expo: add the "@maplibre/maplibre-react-native" config plugin, then build a dev client)3import { Camera, MapView } from "@maplibre/maplibre-react-native";45const STYLE = "https://orviamaps.ir/api/v1/style.json?key=YOUR_API_KEY";67export default function OrviaMap() {8  return (9    <MapView style={{ flex: 1 }} mapStyle={STYLE}>10      <Camera centerCoordinate={[51.389, 35.689]} zoomLevel={11} />11    </MapView>12  );13}

Replace YOUR_API_KEY with a key from your account, or read it from an environment variable as shown.