Course Decription
Unearth the fascinating world of maps integration in your React Native applications with our illuminating course. Navigate through the intricacies of MapView, engage with the Google Places API, and ensure your users always find their way.
What will I learn?
- π Kickstart your journey with the basics of MapView in React Native, understanding its capabilities and customizations.
- π₯ Dive into code-driven map interactions, such as zoom controls and capturing dynamic map screenshots.
- π Unlock the secrets of overlays, mastering elements like markers and employing clustering for streamlined visuals.
- πΊοΈ Deep dive into the integration and nuances of the Google Places API to enhance map functionality.
- π Ensure smooth sailing in the production environment by understanding the Google API key settings for a React Native app integrated with Google Maps.
Gear up to make your app world-aware. Enroll in βReact Native Maps & Google Places APIβ now and chart out a path to mapping success!
πͺ Getting Started
Course Introduction
What are we building in this course, and what will you learn? Let's take a quick look at the course and all objectives!
Installing React Native Maps
We will be using Expo to create our app, so let's get started by installing React Navigation and Reanimated.
πΊοΈ Working with Maps
Controlling the Map from Code
In this lesson we'll learn how to control the map from code. We'll add a button to the map that will zoom in on the user's location when pressed.
Using Google Places Autocomplete
In this video we will add a Google Places Autocomplete to our app.
π Marker & Overlays
Display Circle, Polygon & Polyline
Learn how to display a circle, polygon and polyline on a map.
π Production Build
Configure Google SDK for iOS & Android
Configure the API keys to use maps in a production build.