react-native-maps: Map components for React Native
Cross-platform React Native bridge to native map SDKs.
Learn more about react-native-maps
react-native-maps is a React Native library that provides map visualization components for cross-platform mobile applications. It bridges to native map implementations on iOS and Android, allowing developers to render maps and map overlays through React components. The library supports various map features including markers, polygons, polylines, circles, heatmaps, and GeoJSON rendering. It maintains compatibility with multiple React Native versions and supports both the legacy architecture and the newer Fabric architecture introduced in React Native 0.76+.
Declarative Map Components
Map features like markers and overlays are specified as child components of MapView rather than through imperative method calls. Provides a React-idiomatic API where map state is controlled through props and component hierarchy.
Native Platform Integration
Wraps native Google Maps implementations on both iOS and Android, allowing access to platform-specific map capabilities while maintaining a unified JavaScript interface. Delivers native performance and feature parity across platforms.
Multiple Overlay Types
Supports rendering diverse map elements including markers with custom views, polygons, polylines, circles, tile overlays, heatmaps, and GeoJSON features within a single map component. Eliminates need for multiple third-party overlay libraries.
import MapView from 'react-native-maps';
import { StyleSheet, View } from 'react-native';
export default function App() {
return (
<MapView
style={styles.map}
initialRegion={{
latitude: 37.78825,
longitude: -122.4324,
latitudeDelta: 0.0922,
longitudeDelta: 0.0421,
}}
/>
);
}
const styles = StyleSheet.create({
map: { flex: 1 }
});Patch release fixing an Android crash in doDestroy on certain devices; no breaking changes or new requirements.
- –Update to resolve a crash affecting some Android devices during map destruction (#5788).
- –No migration steps required; apply the patch to eliminate the doDestroy stability issue.
Patch release fixing an Android crash when accessing map features with out-of-bounds indices.
- –Update to prevent IndexOutOfBoundsException in getFeatureAt on Android when index exceeds available features.
- –No breaking changes or migration steps required; apply update to resolve crash in feature-query scenarios.
Patches a NullPointerException crash in Android's saveInstanceState handler; no breaking changes or new requirements.
- –Update to resolve Android NPE crash occurring during map view state persistence on configuration changes.
- –No migration steps required; drop-in patch release with no API changes or dependency updates.
See how people are using react-native-maps
Top in Mobile & Desktop
Related Repositories
Discover similar tools and frameworks used by developers
react-native
JavaScript framework rendering React as native iOS and Android UI.
react-native-vector-icons
Vector icon fonts rendered as native React Native components.
react-native-video
Native iOS/Android video playback with streaming and DRM.
react-native-screens
Native platform navigation bridge for React Navigation.
react-native-svg
Native SVG rendering for React Native applications.