mirror of
https://github.com/status-im/react-native-mapbox-gl.git
synced 2026-08-31 13:01:15 +00:00
1.8 KiB
1.8 KiB
Step 1 - NPM Install
Run with --ignore-scripts if you don't want to download the iOS SDK, as well.
npm install --save react-native-mapbox-gl --ignore-scripts
Step 2 - Use with Gradle
Option A - With rnpm
rnpm link
Option B - Manually
Edit the following files:
// file: android/settings.gradle
...
include ':reactnativemapboxgl'
project(':reactnativemapboxgl').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-mapbox-gl/android')
// file: android/app/build.gradle
...
dependencies {
...
compile project(':reactnativemapboxgl')
}
// file: android/app/src/main/java/com/yourcompany/yourapp/MainActivity.java
import com.mapbox.reactnativemapboxgl.ReactNativeMapboxGLPackage; // <-- import
...
/**
* A list of packages used by the app. If the app uses additional views
* or modules besides the default ones, add more packages here.
*/
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new ReactNativeMapboxGLPackage()); // <-- Register package here
}
Step 3 - Add Mapbox to AndroidManifest.xml
Add the following permissions to your AndroidManifest.xml:
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.INTERNET" />
Also, add the Mapbox analytics service:
<service android:name="com.mapbox.mapboxsdk.telemetry.TelemetryService"/>