Database & APIs

Hi FlutterFlow community!
I've been stuck for days with an issue related to API calls using Google Maps Distance Matrix API.

🧩 Problem
When sending coordinates via the origin and destination query parameters, FlutterFlow automatically encodes the comma (",") into %2C, which breaks the request.

Here's what is actually sent:
https://maps.googleapis.com/maps/api/distancematrix/json?origins=48.8575475%2C2.3513765&destinations=48.835455%2C2.3856832&key=xxx

Google Maps API expects the comma to remain unencoded β€” so the request returns an INVALID_REQUEST error, with commas works fine in the browser.

What have you tried so far?

❌ Things I already tried:
Using Combine Text or App State to build a clean URL β†’ still encoded.
Sending a pre-formatted string via a variable ({{url}}) β†’ FlutterFlow appends ?url=... and still encodes.
Removing query parameters and embedding everything in the base URL β†’ FF still transforms it.
Creating a custom interceptor to decode %2C β†’ build crashes even with Exclude from compilation checked.
Creating a custom API call with just {{url}} as API URL β†’ doesn’t replace it unless declared in query parameters (and then it’s encoded anyway).

❓ What I need help with:
Is there any way to send a raw lat,lng value in a query param without FlutterFlow encoding the comma?
Is there a trick to bypass encoding (or override it) using FF’s API Call editor?

Let me know if anyone’s found a clean workaround πŸ™
Thanks in advance !

Did you check FlutterFlow's Documentation for this topic?
Yes
2
2 replies