React Native Maps & Google Places API
52m 55s
English
Paid
Course description
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.
Read more about the course
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.
Watch Online
0:00
/ #1: Course Introduction
All Course Lessons (11)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Course Introduction Demo | 02:12 | |
| 2 | Installing React Native Maps | 04:17 | |
| 3 | MapView Basic Settings | 06:13 | |
| 4 | Controlling the Map from Code | 05:55 | |
| 5 | Capture Map Snapshot | 03:29 | |
| 6 | Using Google Places Autocomplete | 08:22 | |
| 7 | Custom Map Style | 02:26 | |
| 8 | Display Circle, Polygon & Polyline | 03:03 | |
| 9 | Displaying Marker and Callout | 08:08 | |
| 10 | Clustering Marker | 02:32 | |
| 11 | Configure Google SDK for iOS & Android | 06:18 |
Unlock unlimited learning
Get instant access to all 10 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
React Native Styling Basics
Sources: Simon Grimm
Master the art of styling in React Native with our comprehensive course, “React Native Styling Basics.” Learn how to use the StyleSheet API, the Flexbox...
1 hour 18 minutes 28 seconds
Instagram Clone Coding 3.0
Sources: Nomad Coders
nstagram: backend + frontend + application + server. NodeJS, Prisma, GraphQL, Hooks, React Native. You implement almost all Instagram features, including taking
20 hours 48 minutes 39 seconds
Build a React Native app with Claude AI
Sources: designcode.io
This comprehensive course is dedicated to integrating advanced AI tools into the workflow of development in React Native, which allows for a radical change in a
13 hours 53 minutes 10 seconds
Universal AI Recorder with NativeWind, Clerk & Drizzle
Sources: Simon Grimm
Learn how to create a universal AI recorder using NativeWind. Master styling techniques with NativeWind, work with Expo API routes, and create a beautiful...
2 hours 1 minute 21 seconds
Testing React Native Apps
Sources: Simon Grimm
Testing is an essential part of the React Native development process. It ensures that your app works as expected and that new features don’t break existing...
1 hour 13 minutes 31 seconds