React Native Maps

react-native-maps is a cross-platform mobile map component for iOS and Android that renders interactive geographic data and markers. It provides a native map view and viewport controller to manage camera movement, zoom levels, and coordinate-based animations on mobile devices.

The project includes a GeoJSON map renderer for visualizing complex geographic features and an interactive map overlay library for drawing polylines, polygons, and heatmaps. It supports integration with both Google Maps and Apple Maps, allowing developers to switch between providers or apply cloud-based styling and custom tile overlays.

The library covers a wide range of geographic capabilities, including user location tracking, coordinate conversion, and the management of interactive markers with custom visuals and callouts. It also provides tools for rendering geometric overlays like circles and polygons, as well as the ability to capture the current map view as a snapshot.

Features

Interactive Map Viewers - Renders a fully interactive map interface for mobile applications with support for multiple providers and themes.

Map Integration - Provides a library for embedding and interacting with native maps across iOS and Android platforms.

Geographic Coordinate Rendering - Translates geographic latitude and longitude pairs into native drawing instructions for polygons, polylines, and circles.

Marker Visuals - Allows replacing default pins with custom images, SVGs, or views to define marker appearances.

Viewport Controllers - Provides a programmatic interface for managing camera movement, zoom levels, and coordinate-based animations.

Geographic Visualization Tools - Renders GeoJSON shapes, heatmaps, and custom polygons to visualize spatial data on a mobile map.

Google Maps Integrations - A provider for embedding Google Maps tiles and functionality into cross-platform mobile applications.

Marker Placement - Adds pinpoint indicators to specific coordinates using default styles, custom images, or draggable handles.

Location Services - Tracks the device's real-time position and places interactive markers to highlight points of interest.

Native SDK Wrappers - Wraps native iOS and Android map SDKs to expose a declarative API to the JavaScript runtime.

Location Services - Displays the device's current position on the map and monitors coordinate changes in real time.

Map Components - Ships a native map view for iOS and Android that renders interactive geographic data and markers.

Native Event Streams - Forwards native map interactions and region changes from the mobile OS as events back to JavaScript.

Mobile Map Overlays - Offers a set of tools for drawing polylines, polygons, and heatmaps over a mobile map interface.

Heatmap Visualization - Renders a heatmap layer over the map to visualize the concentration of data points based on coordinates.

GeoJSON Renderers - Provides a tool for visualizing geographic features and complex shapes on a mobile map using GeoJSON specifications.

Map Visual Styling - Provides customization of the visual appearance of maps through branded themes and custom tile overlays.

View Snapshot Serialization - Captures the current native map view as a bitmap and serializes it into a base64 string.

Map Tile Configurations - Displays custom map imagery from remote tile servers or local storage using specific configurations.

Map State Managers - Saves and restores map zoom levels and center positions to maintain user context across sessions.

Coordinate Conversion - Translates geographic coordinates into physical addresses or view points and vice versa.

Map Interaction Detection - Triggers application logic by listening for user interactions such as clicking points of interest or dragging markers.

Marker Interaction - Enables users to reposition markers through drag-and-drop gestures with event tracking.

Cloud Provider Mappings - Maps a common interface to provider-specific native classes to allow switching between Google and Apple Maps.

Callout UI Elements - Provides interactive tooltips and informational speech-bubble callouts when map markers are selected.

Interactive Map Workflows - Enables the creation of user interfaces that respond to map events like marker dragging and region changes.

Zoom Animations - Animates the map center and zoom level using programmatic transitions for smooth visual shifts.

Circle Overlays - Renders circular areas on the map with configurable radius, stroke colors, and fill styles.

Image Overlays - Displays custom images over specific geographic areas with configurable bounds, rotation, and opacity.

Polygon Overlays - Renders closed shapes on the map using coordinates and custom fills, strokes, and interior holes.

Polyline Overlays - Renders connected series of coordinates on the map using configurable stroke styles and colors.

Native Libraries - Mapview component for mobile applications.

React Native Libraries - React Native Mapview component

Mobile Development - Mapview component for mobile applications.

Mobile Libraries - Listed in the “Mobile Libraries” section of the Awesome React awesome list.

react-native-mapsreact-native-maps

Features

Star history