Using Google Maps API in React Native for iOS/Android
Learn how to build a Maps App in React Native with Google Maps API!
- Description
- Curriculum
- FAQ
- Reviews
In this course you will learn:
-
How to build a Maps app for both iOS and Android
-
How to install react-native-maps, and pitfalls you can avoid when doing so!
-
How to ask for permission to get users location
-
How to show the user location
-
How to follow the user location on the map
-
How to use Google Maps API’s easily
-
How to use Google Places Autocomplete API, to autocomplete as the user types
-
How to use Google Directions API, to get directions from the user location to a location
-
How to display this route inside our React Native app
-
How to zoom out map to display our route
I’m will show the quickest and easiest path to get a map app up and running for both iOS and Android, saving you lots of time that I’ve used when I couldn’t find help, or had to fumble around various bugs!
Installing react-native-maps
If issues with Android react-native-maps installation
-
2
Introduction -
3
Install React Native first!
-
4
Init with correct React Native version
-
5
Check if build succeeds!
-
6
react-native-maps documentation intro
-
7
yarn add react-native-maps
-
8
Git init & react-native link
-
9
Changed files from linking
-
10
Check if build succeeds after linking!
-
11
Creating a MapView test component
iOS react-native-maps installation
react-native-maps examples
Show user location in react-native-maps
Using Places Autocomplete API in React Native
Drawing routes with Google Routes API and react-native-maps
-
25
Learn how to use Places Autocomplete API with Postman
-
26
Restructuring and creating PlacesInput component
-
27
Styling PlaceInput component
-
28
Calling Places Autocomplete API in React Native
-
29
Showing Places API predictions in React Native
-
30
Styling place predictions
-
31
DIsplay predictions based on input
-
32
Refactoring
-
33
Tap anywhere to dismiss keyboard
-
34
Using debounce to limit API calls
-
35
Hiding list of predictions on tapping
-
36
How do we get latitude and longitude to PlaceInput?
-
37
Moving location state to parent component
-
38
Using device location for Places Autocomplete
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
Stars 5
32
Stars 4
15
Stars 3
15
Stars 2
2
Stars 1
5
Course details
Video
3 hours
Lectures
1
Certificate of Completion
Popular courses
Social Network