What is expo-location?
The expo-location package provides an API to access and manage the device's location services. It allows you to get the current location, watch for location changes, and geocode or reverse geocode locations.
What are expo-location's main functionalities?
Get Current Location
This feature allows you to get the current location of the device. The code sample demonstrates how to request permission to access location services and then retrieve the current position.
```javascript
import * as Location from 'expo-location';
async function getCurrentLocation() {
let { status } = await Location.requestForegroundPermissionsAsync();
if (status !== 'granted') {
console.log('Permission to access location was denied');
return;
}
let location = await Location.getCurrentPositionAsync({});
console.log(location);
}
```
Watch Location Changes
This feature allows you to watch for location changes. The code sample demonstrates how to request permission and then set up a watcher that logs the location every time it changes.
```javascript
import * as Location from 'expo-location';
async function watchLocation() {
let { status } = await Location.requestForegroundPermissionsAsync();
if (status !== 'granted') {
console.log('Permission to access location was denied');
return;
}
Location.watchPositionAsync({
accuracy: Location.Accuracy.High,
timeInterval: 1000,
distanceInterval: 1,
}, (location) => {
console.log(location);
});
}
```
Geocoding
This feature allows you to convert an address into geographic coordinates. The code sample demonstrates how to use the geocodeAsync method to get the coordinates of a given address.
```javascript
import * as Location from 'expo-location';
async function geocodeAddress(address) {
let geocode = await Location.geocodeAsync(address);
console.log(geocode);
}
```
Reverse Geocoding
This feature allows you to convert geographic coordinates into a human-readable address. The code sample demonstrates how to use the reverseGeocodeAsync method to get the address of a given set of coordinates.
```javascript
import * as Location from 'expo-location';
async function reverseGeocodeLocation(latitude, longitude) {
let reverseGeocode = await Location.reverseGeocodeAsync({ latitude, longitude });
console.log(reverseGeocode);
}
```
Other packages similar to expo-location
react-native-geolocation-service
The react-native-geolocation-service package provides similar functionality to expo-location, allowing you to get the current location, watch for location changes, and more. It is a more direct wrapper around the native geolocation APIs and may offer more control and customization options.
react-native-location
The react-native-location package offers similar features to expo-location, including getting the current location and watching for location changes. It also provides additional features like background location updates, which can be useful for certain types of applications.
react-native-maps
The react-native-maps package is primarily used for rendering maps, but it also includes location tracking features. It can be a good choice if you need both mapping and location services in your application.
expo-location
expo-location
module allows reading geolocation information from the device. Your app can poll for the current location or subscribe to location update events.
Installation
If your app is running in Expo then everything is already set up for you, just import { Location } from 'expo';
Otherwise, you need to install the package from npm
registry.
yarn add expo-location
or npm install expo-location
Also, make sure that you have expo-core and expo-permissions installed, as they are required by expo-location
to work properly.
iOS
Add the dependency to your Podfile
:
pod 'EXLocation', path: '../node_modules/expo-location/ios'
and run pod install
under the parent directory of your Podfile
.
Android
- Append the following lines to
android/settings.gradle
:
include ':expo-location'
project(':expo-location').projectDir = new File(rootProject.projectDir, '../node_modules/expo-location/android')
- Insert the following lines inside the dependencies block in
android/app/build.gradle
:
compile project(':expo-location')
- Add
new LocationPackage()
to your module registry provider in MainApplication.java
.
Usage
You must request permission to access the user's location before attempting to get it. To do this, you will want to use the Permissions API. You can see this in practice in the following example.
import React, { Component } from 'react';
import { Platform, Text, View, StyleSheet } from 'react-native';
import { Location } from 'expo-location';
import { Permissions } from 'expo-permissions';
export default class App extends Component {
state = {
location: null,
errorMessage: null,
};
componentDidMount() {
this.getLocationAsync();
}
getLocationAsync = async () => {
const { status } = await Permissions.askAsync(Permissions.LOCATION);
if (status !== 'granted') {
this.setState({
errorMessage: 'Permission to access location was denied',
});
return;
}
const location = await Location.getCurrentPositionAsync({});
this.setState({ location });
};
render() {
let text = 'Waiting...';
if (this.state.errorMessage) {
text = this.state.errorMessage;
} else if (this.state.location) {
text = JSON.stringify(this.state.location);
}
return (
<View style={styles.container}>
<Text style={styles.paragraph}>{text}</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
paddingTop: 40,
backgroundColor: '#ecf0f1',
},
paragraph: {
margin: 24,
fontSize: 18,
textAlign: 'center',
},
});
Methods
Location.getCurrentPositionAsync(options)
Get the current position of the device.
Arguments
-
options (object) --
A map of options:
- enableHighAccuracy (boolean) -- Whether to enable high-accuracy mode. For low-accuracy the implementation can avoid geolocation providers that consume a significant amount of power (such as GPS).
- maximumAge (number) -- (Android only). If specified, allow returning a previously cached position that is at most this old in milliseconds. If not specified, always gets a new location. On iOS this option is ignored and a new location is always returned.
- timeout (number) -- (Android only). If specified, allow device to determine the position for a maximum of limit time (in miliseconds).
Returns
Returns a promise resolving to an object with the following fields:
- coords (object) -- The coordinates of the position, with the following fields:
- latitude (number) -- The latitude in degrees.
- longitude (number) -- The longitude in degrees.
- altitude (number) -- The altitude in meters above the WGS 84 reference ellipsoid.
- accuracy (number) -- The radius of uncertainty for the location, measured in meters.
- altitudeAccuracy (number) -- The accuracy of the altitude value, in meters (iOS only).
- heading (number) -- Horizontal direction of travel of this device, measured in degrees starting at due north and continuing clockwise around the compass. Thus, north is 0 degrees, east is 90 degrees, south is 180 degrees, and so on.
- speed (number) -- The instantaneous speed of the device in meters per second.
- timestamp (number) -- The time at which this position information was obtained, in milliseconds since epoch.
Location.watchPositionAsync(options, callback)
Subscribe to location updates from the device. Please note that updates will only occur while the application is in the foreground. Background location tracking is planned, but not yet implemented.
Arguments
Returns
Returns a promise resolving to a subscription object, which has one field:
- remove (function) -- Call this function with no arguments to remove this subscription. The callback will no longer be called for location updates.
Location.getProviderStatusAsync()
Check status of location providers.
Returns
Returns a promise resolving to an object with the following fields:
- locationServicesEnabled (boolean) -- Whether location services are enabled.
- gpsAvailable (boolean) (android only) -- If the GPS provider is available, if yes, location data will be from GPS.
- networkAvailable (boolean) (android only) -- If the network provider is available, if yes, location data will be from cellular network.
- passiveAvailable (boolean) (android only) -- If the passive provider is available, if yes, location data will be determined passively.
Location.getHeadingAsync()
Gets the current heading information from the device
Returns
Object with:
- magHeading (number) — measure of magnetic north in degrees
- trueHeading (number) — measure of true north in degrees (needs location permissions, will return -1 if not given)
- accuracy (number) — level of callibration of compass.
- 3: high accuracy, 2: medium accuracy, 1: low accuracy, 0: none
- Reference for iOS: 3: < 20 degrees uncertainty, 2: < 35 degrees, 1: < 50 degrees, 0: > 50 degrees
Location.watchHeadingAsync(callback)
Suscribe to compass updates from the device
Arguments
Returns
Returns a promise resolving to a subscription object, which has one field:
- remove (function) — Call this function with no arguments to remove this subscription. The callback will no longer be called for location updates.
Location.geocodeAsync(address)
Geocode an address string to latitiude-longitude location.
Note: Geocoding is resource consuming and has to be used reasonably. Creating too many requests at a time can result in an error so they have to be managed properly.
On Android, you must request a location permission (Permissions.LOCATION
) from the user before geocoding can be used.
Arguments
- address (string) -- A string representing address, eg. "Baker Street London"
Returns
Returns a promise resolving to an array (in most cases its size is 1) of geocoded location objects with the following fields:
- latitude (number) -- The latitude in degrees.
- longitude (number) -- The longitude in degrees.
- altitude (number) -- The altitude in meters above the WGS 84 reference ellipsoid.
- accuracy (number) -- The radius of uncertainty for the location, measured in meters.
Location.reverseGeocodeAsync(location)
Reverse geocode a location to postal address.
Note: Geocoding is resource consuming and has to be used reasonably. Creating too many requests at a time can result in an error so they have to be managed properly.
On Android, you must request a location permission (Expo.Permissions.LOCATION
) from the user before geocoding can be used.
Arguments
Returns
Returns a promise resolving to an array (in most cases its size is 1) of address objects with following fields:
- city (string) -- City name of the address.
- street (string) -- Street name of the address.
- region (string) -- Region/area name of the address.
- postalCode (string) -- Postal code of the address.
- country (string) -- Localized country name of the address.
- name (string) -- Place name of the address, for example, "Tower Bridge".
Location.setApiKey(apiKey)
Sets a Google API Key for using Geocoding API. This method can be useful for Android devices that do not have Google Play Services, hence no Geocoder Service. After setting the key using Google's API will be possible.
Arguments
- apiKey (string) -- API key collected from Google Developer site.