Flutter Google Maps API Tutorial | Markers, Polylines, & Directions API
Marcus Ng
View ChannelAbout
Welcome to my channel where you'll learn Flutter and create amazing apps. I am a Google Developer Expert (GDE) in Flutter and Dart. I enjoy teaching developers how to create beautiful UIs and production ready apps. Remember to subscribe :) Check out https://www.LaunchClub.io for courses and updates!
Latest Posts
Video Description
» Flutter courses, writeups, and source code on Launch Club 🧠 https://drp.li/Iq9Bk » Flutter Job Board 👋 https://drp.li/T9bLq Learn how to add Google Maps to your Flutter apps. I'll go over how to add map markers, create info windows, make HTTP requests to the Google Directions API for route information, display polylines, and animate the map camera. Note: When you add a billing account to your project for the Directions API, you also get $200 in credit that gets applied to your account every month. That's 40,000 free calls ($0.005 per request for the first 100,000 requests) for the Directions API. "For each billing account, for qualifying Google Maps Platform SKUs, a $200 USD Google Maps Platform credit is available each month, and automatically applied to the qualifying SKUs." More info here: https://developers.google.com/maps/documentation/directions/usage-and-billing » Remember to like, subscribe, comment, and share this video!🚨 https://www.youtube.com/MarcusNg?sub_confirmation=1 » Socials📱 GitHub: https://github.com/MarcusNg Twitter: https://twitter.com/MarcusLNg » Resources 📂 Complete Source Code: https://github.com/MarcusNg/flutter_gmaps Dio Package: https://pub.dev/packages/dio Flutter Polyline Points Package: https://pub.dev/packages/flutter_polyline_points Google Maps Package: https://pub.dev/packages/google_maps_flutter » Timestamps 🕒 00:00 Flutter Google Maps Tutorial Introduction 00:49 Pubspec Packages 01:12 Google Maps API Key 01:34 Google Maps Setup Android and iOS 02:00 Adding Our Map 02:45 Animate Map Camera to Location 03:31 Add Map Markers by Long Pressing 05:29 AppBar and TextButtons 06:00 Google Directions API - DirectionsRepository 07:21 Directions Model - Parsing JSON 08:36 Get Directions Info 09:09 Animate Map Camera to LatLngBounds 09:24 Distance & Duration Container 09:49 Display Polylines / Route 10:13 Recap 10:44 Thanks for watching 🙏 » Music 🎶 [NCS (https://www.youtube.com/user/NoCopyrightSounds)] Endless - Marin Hoxha (https://soundcloud.com/marin-hoxha) Joakim Karud (https://www.youtube.com/JoakimKarud) #Flutter #FlutterGoogleMaps #FlutterTutorial
Instant Home Upgrade Essentials
AI-recommended products based on this video

RoboSeal Rechargeable Mason Jar Vacuum Sealer for Mason Jars Wide and Regular, One Touch Vacuum Sealer for Jars, 10 Lids Included, Digital Battery Indicator, As Seen on TV

2 Pack Outdoor Solar Firework Lights, 240 LED Solar Powered Hanging Lights Outdoor Waterproof Hanging Fairy Garden Lights Landscape Lights(Warm White)
![Command Medium Picture Hanging Strips [Removable]: 12 Pairs (White)](https://m.media-amazon.com/images/I/61IChX1hbML._AC_UL960_FMwebp_QL65_.jpg)
Command Medium Picture Hanging Strips [Removable]: 12 Pairs (White)

LEGO Botanicals Tiny Plants - Artificial, Fake Indoor Plant Building Set for Home, Kitchen, Desk Decoration, Adults Ages 18+ - Gift for Graduation - 10329

LEGO LEGO Botanicals Happy Plants Building Toy for Kids, Girls, and Boys 9+ - Playroom Decor for Desk or Shelf - Birthday Gift Idea for Young Gardeners - Artificial Indoor Plants for Play & Display - 10349


