Flutter Google Maps API Tutorial | Markers, Polylines, & Directions API

Publié le: 02 avril 2021
sur la chaîne: Marcus Ng
286,426
5k

» 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/do...

» Remember to like, subscribe, comment, and share this video!🚨
https://www.youtube.com/MarcusNg?sub_...

» Socials📱
GitHub: https://github.com/MarcusNg
Twitter:   / marcuslng  

» Resources 📂
Complete Source Code: https://github.com/MarcusNg/flutter_g...

Dio Package: https://pub.dev/packages/dio
Flutter Polyline Points Package: https://pub.dev/packages/flutter_poly...
Google Maps Package: https://pub.dev/packages/google_maps_...

» 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 (   / nocopyrightsounds  )]
Endless - Marin Hoxha (  / marin-hoxha  )
Joakim Karud (   / joakimkarud  )

#Flutter #FlutterGoogleMaps #FlutterTutorial


Sur cette page du site, vous pouvez voir la vidéo en ligne Flutter Google Maps API Tutorial | Markers, Polylines, & Directions API durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Marcus Ng 02 avril 2021, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 286,426 fois et il a aimé 5 mille téléspectateurs. Bon visionnage!