Course's logo Course
pro
React Native Maps & Google Places API
11 videos 53 mins 27 October 2023

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!

start course start course

πŸ’ͺ 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!

2 min
view

Installing React Native Maps

We will be using Expo to create our app, so let's get started by installing React Navigation and Reanimated.

5 min
view

πŸ—ΊοΈ Working with Maps

MapView Basic Settings

Learn about the basic properties and settings of your map view.

6 min
view

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.

6 min
view

Capture Map Snapshot

We can also capture a map snapshot and share it with others!

3 min
view

Using Google Places Autocomplete

In this video we will add a Google Places Autocomplete to our app.

8 min
view

Custom Map Style

Learn how to create a custom map and use it in your application.

3 min
view

πŸ“ Marker & Overlays

Display Circle, Polygon & Polyline

Learn how to display a circle, polygon and polyline on a map.

3 min
view

Displaying Marker and Callout

Learn how to display a marker and callout on a map.

8 min
view

Clustering Marker

Learn to group marker into cluster on the map.

3 min
view

πŸš€ Production Build

Configure Google SDK for iOS & Android

Configure the API keys to use maps in a production build.

6 min
view