Adding Route Polylines to your Google Maps Widget - Flutter Dev Series by Roman Just Codes (S1E8)
In this episode of the Flutter Development series, I’ll be covering adding route polylines to our already added Google Maps widget, as well as creating custom icons for each of my categories. I’ll be doing some refactoring of some components in order to incorporate these changes.
Previous video on setting up the Google Maps Widget
• Integrating a Google Maps Widget w/ C...
GitHub Repo for this project:
https://github.com/romanejaquez/orill...
Flutter issue on displaying custom Google Map Marker pins regarding their sizing
https://github.com/flutter/flutter/is...
How to get a Maps API Key
https://developers.google.com/maps/do...
Google Directions API
https://developers.google.com/maps/do...
Flutter package used (flutter_polyline_points):
https://pub.dev/packages/flutter_poly...
0:00 Intro
0:39 Adding Image assets for this project
0:57 Google Cloud Console / Get Maps API Key
01:18 Enable the Directions API
01:46 Setup package dependencies
02:11 Hook up Polylines to Google Maps Widget
03:10 Set up the Polylines
06:07 Refactoring: Customize the marker pins based on the category selected
07:56 Refactoring: Make the MapPage receive an instance of the selected SubCategory
09:37 Refactoring: Make the MapBottomPill receive an instance of the selected SubCategory
11:11 Next Steps
#Flutter #GoogleMaps #MapsAPI #Dart #RomanJustCodes #CrossPlatform #Android #IOS #Web #Desktop #Widgets #Polylines #MapRoutes