Google Maps
The Google Maps settings page allows you to add the keys for enabling the Maps service for your app.
Google Maps
Acquiring the API keys comprises the following steps:
Enabling Maps API allows you to access the Google Maps servers, map display, and responses to user gestures such as clicks and drags.
To enable Maps API:
- Click on the Library menu on the left.
- find the Maps section.
- Click on Maps SDK for Android card then click Enable.
- Click on Maps SDK for iOS card and then click Enable.
- Finally, Click on Maps Javascript API card and enable it. (This is required to test the Google Map in Run-mode)
Enabling the Maps API on Google Developer Console
You must add the API keys to your FlutterFlow project that will allow your app to communicate with the Google server.
To add the API keys:
- Click the Credentials menu on the left.
- Find the key Android key (auto created by Firebase), copy the key (click onicon)
- Now, go to the FlutterFlow project, and navigate to Settings and Integrations > Integrations > Google Maps.
- Find the Android API Key input box and paste the key.
- Similarly, copy the iOS key (auto created by Firebase) and Browser key (auto created by Firebase) from the Google developer console and paste it into the iOS API Key and Web API Key input boxes respectively.
.gif?alt=media&token=10225632-3bf8-41e0-a396-8d5b54f767ec)
Add Keys to FlutterFlow
If you don't find the Android key (auto created by Firebase) or iOS key (auto created by Firebase) in the Google developer console, Here are the steps to create one.
- Click the Credentials menu on the left.
- Click on the + Create Credentials at the top.
- Click on the API key to create a new key for the Android app.
- Similarly, create one for the iOS and Browser as well.
.gif?alt=media&token=265c6d27-8c48-4943-aea6-b4adc5675cb5)
Creating keys
Last modified 1yr ago