Flutter Flow: Google Map Custom Markers with Supabase and Data Types
Written article and source code: https://coffeebytez.substack.com/p/flutter-flow-map-custom-markers-using This is also integrated in the free FlutterFlow custom map template: https://marketplace.flutterflow.io/item/zeSFD2KlIXUOfcXYwi1e Custom map template instructions: https://codewhims.com/articles/flutter-flow-map-template-update-library-migration You can generate any widget including maps with custom markers, polylines, polygons, etc at https://codewhims.com/ Join Flutter Flow: https://app.flutterflow.io/create-account?referral_id=5B1Th98eh7cMU4IOVWHKxVv5sFr2 📖 Chapters: 0:00:00 - Introduction to Custom Markers with Supabase and Custom Data Types 0:00:32 - Reviewing the Supabase 'place' Table Schema 0:00:55 - Live Demo: Custom Markers in Flutter Flow App 0:01:07 - Creating the 'Place' Custom Data Type in Flutter Flow 0:01:48 - Implementing the `createSupabasePlaceList` Custom Function 0:02:55 - Setting up the Dependency Page and Map Assets 0:03:47 - Configuring HomePage Local State Variables 0:04:13 - Passing Custom Data Types to the Custom Map Widget 0:04:31 - Overview of Action Flow Editor for Data Fetching 0:05:15 - Detailed Setup of Supabase Backend Call Action Block 0:06:25 - Mapping Supabase Data to Page State Variables 0:07:00 - Conclusion and Resources
Download
0 formatsNo download links available.