Help Integrating Google Maps API?

Resolved

Hi everyone, I've been trying to follow guides on youtube / flutterflow documentation on how to integrate flutterflow with google maps api but am getting stuck and could really use the wisdom of the crowd here.

What I've done so far:

  • Set up firebase

  • Set up google cloud console account

  • Enabled all of the Google Maps APIs in google cloud console

  • Connected firebase with flutterflow using flutterflow's wizard

  • Copy/pasted the browser key, android key, and iOS key into the right places in Flutterflow

And, still, I'm getting an error when I try to load the google map in Preview and when I try to use PlacePicker I'm not able to get any autocomplete suggestions. Has anyone else faced issues connecting with the native google integration?

To be more specific, the error I receive when I try to use the Google Map widget is "This page can't load Google Maps correctly".

[EDIT 1] I inspected the javscript console and looks like there's this error: "js?key=<API_KEY>:129 You have exceeded your request quota for this API." What's strange is, I don't recognize the <API_KEY>. It's none of the 3 that I entered into FlutterFlow. Anybody know where this key could be coming from?

2
12 replies