@lugg/maps

Installation

Install @lugg/maps and configure your Google Maps API keys.

Install the package

npm install @lugg/maps

Apple Maps works out of the box on iOS. Google Maps requires an API key on every platform. Create keys in the Google Cloud Console with the Maps SDK for iOS, Maps SDK for Android, and Maps JavaScript API enabled.

Configure API keys

Add the config plugin to your app.json:

app.json
{
  "expo": {
    "plugins": [
      [
        "@lugg/maps",
        {
          "iosGoogleMapsApiKey": "YOUR_IOS_API_KEY",
          "androidGoogleMapsApiKey": "YOUR_ANDROID_API_KEY"
        }
      ]
    ]
  }
}

Then rebuild your native project:

npx expo prebuild --clean

This library uses the New Architecture (Fabric). Make sure it is enabled in your project. It is on by default in React Native 0.76+ and Expo SDK 52+.

Introduction

Universal maps for your React Native apps.

Usage

Render your first map with markers and shapes.

On this page

Install the packageConfigure API keysiOSAndroid