@lugg/maps

Introduction

Universal maps for your React Native apps.

@lugg/maps brings native Apple Maps and Google Maps to React Native. It is built for the New Architecture (Fabric) and ships with first-class web support, so one MapView runs on iOS, Android, and the browser.

This library is currently under heavy development. APIs may change without notice.

Features

  • Native providers - Apple Maps (MapKit) and Google Maps SDK on iOS, Google Maps SDK on Android, Google Maps JavaScript API on web.
  • Fabric first - Built on the New Architecture with Codegen specs. No bridge.
  • Markers - Native pins or any React view, with callouts, drag gestures, rotation, and scaling.
  • Shapes - Polylines with gradient strokes and snake animation, polygons with holes, and circles.
  • Overlays - Ground image overlays and custom tile layers.
  • GeoJSON - Render FeatureCollections directly with simplestyle-spec styling.
  • Static maps - Non-interactive snapshots optimized for long lists.
  • Camera control - Imperative moveCamera, fitCoordinates, and setEdgeInsets with animation.

Platform support

PlatformProviders
iOSApple Maps (default), Google Maps
AndroidGoogle Maps
WebGoogle Maps via @vis.gl/react-google-maps

Next steps

On this page