Flutter Flow: Choose Location on a map
In this video, I demonstrate how to let the user choose a location from Google Maps, to retrieve the coordinates The custom maps template now supports polygons and polylines! https://marketplace.flutterflow.io/item/zeSFD2KlIXUOfcXYwi1e Custom map template setup guide: https://codewhims.com/articles/flutter-flow-map-template-update-library-migration You can generate any Flutter Flow widget including maps with custom markers, polylines, polygons, etc at https://codewhims.com/ Free AI credits coupon: CODEWHIMS3 Join Flutter Flow: https://app.flutterflow.io/create-account?referral_id=5B1Th98eh7cMU4IOVWHKxVv5sFr2 📖 Chapters: 0:00:00 - Introduction to the 'Choose Coordinate Widget' 0:00:40 - Starting a New FlutterFlow Project and Adding a Button 0:01:14 - Creating a Custom Bottom Sheet Component for Location Selection 0:01:40 - Renaming Buttons and Adding a Google Map Widget to the Bottom Sheet 0:02:15 - Defining Parameters for the Bottom Sheet (Starting Center Coordinate) 0:02:55 - Configuring Google Map to Use Component Parameters and Dismiss Action 0:04:14 - Adding Page State Variables to Store Chosen Location on Homepage 0:05:08 - Displaying Chosen Location in a Text Widget (with Conditional Visibility) 0:06:05 - Implementing the 'Get Location' Button to Open the Bottom Sheet 0:07:05 - Initiating a Test Run of the FlutterFlow Application 0:08:04 - Configuring Page State Update with Action Output from Bottom Sheet 0:08:54 - Debugging and Reloading the Application for Testing 0:09:37 - Enhancing UX: Adding a Center Icon to the Google Map 0:10:26 - Final Test Run and Demonstration of the Location Picker 0:11:29 - Verifying Location Selection and Display 0:12:07 - Conclusion and Potential Uses for Chosen Location Data
Download
0 formatsNo download links available.