Flutter Flow: Google Map Custom Markers with Firebase

I have previously shown how to create Google Maps with custom Markers using local data and Supabase.

Flutter Flow: Adding Custom Markers for Google Maps

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

I will show you how to create a Google Map with custom Markers using Firebase Firestore.

I have also now added this feature to the UI template on the Flutter Flow marketplace:

https://marketplace.flutterflow.io/item/u7b1BfYoid8m5ruvjzYc

Set Up Firebase

If you haven’t already, follow Flutter Flows docs on setting up a new Firebase Project with Flutter Flow.

Firebase Setup | FlutterFlow Docs

Also, make sure to enable and configure your Firestore Database. These are different links, although the preview is the same.