Flutter Flow: Adding Custom Markers for Google Maps

Custom markers on Google Maps is one of the highest requested features on Flutter Flow. I’ll walk through how to achieve this using a custom widget.

This tutorial goes through manually adding data in Flutter Flow to show the icons. For a more dynamic approach check out my other approach using Supabase

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

Or Firebase:

Flutter Flow: Google Map Custom Markers with Firebase

Setting up custom data types for our markers

First, let’s set up a custom data type to hold information related to Google Map Markers.

Click on the Data Types menu item on the left.