Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Building a Weather App with Google Maps Search and Real-Time Updates

Augmented Startups via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build a dynamic weather application with real-time updates and search functionality in this 13-minute video tutorial. Master the integration of Google Maps API for creating an autocomplete search bar, implement OpenWeatherMap API for fetching current weather data, and develop utility functions for seamless data handling. Follow along to implement key features including a dynamic search component with Google Maps Autocomplete, automatic map marker updates based on user selections, geocoding API integration for city name extraction, and real-time weather API calls using latitude and longitude coordinates. Discover how to create utility functions for formatting weather data, displaying appropriate icons, handling dates, and calculating average temperatures. The step-by-step walkthrough covers essential topics from search component development to API integration, complete with code snippets and practical examples for building a professional weather dashboard application.

Syllabus

Adding a search bar with Google Maps API
Integrating the search bar with the app component
Handling map marker and center updates
Fetching city names with the Geocoding API
Making weather API calls for current and forecast data
Creating utility functions for data handling

Taught by

Augmented Startups

Reviews

Start your review of Building a Weather App with Google Maps Search and Real-Time Updates

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.