Learn how to build a map app for both iOS and Android
Learn how to use react-native-maps
Learn how to use Google Maps API
Learn how to use Google Places API
Learn how to use Google Routes/Directions API
Know fairly basic React Native
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!
Who this course is for:
React Native developer who wants a fast-track to using Maps and Google Maps API's!
8 sections • 50 lectures • 2h 31m total length
Changed files from linking
Check if build succeeds after linking!
Creating a MapView test component
Ensure emulator has Google API's!
Intro to manual install and docs
Undoing Android link changes
Android react-native-maps manual steps
Performance issues on iPhone X simulator
Setting a full screen layout
A little refactor
Enabling user location in MapView
Asking for location permissions in Android
Note on getting user position in newer React Native
Getting the user's latitude and longitude
Learn how to use Places Autocomplete API with Postman
Restructuring and creating PlacesInput component
Styling PlaceInput component
Calling Places Autocomplete API in React Native
Showing Places API predictions in React Native
Styling place predictions
DIsplay predictions based on input
Using debounce to limit API calls
Hiding list of predictions on tapping
How do we get latitude and longitude to PlaceInput?
Moving location state to parent component
Using device location for Places Autocomplete
Intro to section and remember to check out repository!
Calling Directions API in Postman
Passing Place ID to App
Calling Directions API in React Native
How Polyline works
Converting Polyline to Latitude and Longitude array