Flutter Flow: Map Custom Markers using Custom Data Types and Action Blocks

Flutter Flow continues to develop and improve its platform.

My first article with custom markers we used custom data types with data from App State.

With the the introduction of Document and Supabase parameters, I changed it to allow you to first query places, without customizing the code.

Now it’s even easier and we are going back to Custom data types to make it more flexible to use with any backend service.

There are also minor cleanup and improved functionality.

Creating our custom Data Types

We are creating a few custom data types. Feel free to change them based on your specific needs

• latitude: Our latitude coordinate
• longitude: Our longitude coordinate
• title: This is what shows on the popup when a marker is clicked
• description: This shows under the title on the popup when the marker is clicked.
• image_url: This is the image path of the custom marker (local or remote)

Mapping functions

There is currently not a built-in way to map Supabase or Firestore data to a Custom Data Type. For…