Flutter Flow: Google Maps Custom Marker Actions

Previously I discussed how to implement Custom Markers with and without Supabase on the Flutter Flow platform.

Flutter Flow: Use Supabase to show custom markers on Google Maps

Flutter Flow: Adding Custom Markers for Google Maps

Flutter Flow has made a lot of updates and improvements since then, including allowing you to pass Supabase Rows and Actions (callbacks).

I’m going to improve the previous code to make it more flexible and update page state with the Place Row whenever a custom marker is clicked. This results in a lot less code.

I am also submitting this code as a free template on the Flutter Flow Market Place.

New Parameters

We have a few new parameters that will allow us to make the code more flexible and reusable across different pages and projects.

• places — We will load the places table at a top level component of the page we include on the map.