Handyman Service - Documentation
Handyman Services

Generate Google Map Key

Step 1: Login to Google Cloud Console

Go to:
πŸ‘‰ https://console.cloud.google.com

  • Navigate to Google Maps Platform β†’ Credentials
  • Click Select a Project.

(Option) If you don’t have a project:

  • Click New Project
  • Enter Project Name & Location
  • Click Create
  • Once created, select the project.

Step 2: Enable Required APIs

Go to:
APIs & Services β†’ Library

Enable the following APIs:

βœ… Maps SDK for Android
βœ… Maps SDK for iOS
βœ… Maps JavaScript API (if using maps in web/admin panel)

Step 3: Use Auto-Created API Key by Firebase / Create New API Key

Go to:
APIs & Services β†’ Credentials

When you open the Credentials tab, if an API Key is already displayed (as shown in the image), and it was generated when you set up your Firebase project, then you can use the same key.

Note: If no key is shown (as in the image below), then you need to:

  • Select your Project
  • Click on Create Credentials
  • Generate a new API Key

After that, you can use the newly created key in your project configuration.

Step 4: Restrict the API Key (Recommended for Security)

Click on the generated API Key.

Now, for all the API keys shown in Step 3 (first image), you need to verify one by one whether β€œAPI Restrictions” is ON or OFF.

  • If it is OFF, then you don’t need to select anything.
  • If API Restriction is ON (as shown in the image), then you must select the required APIs from the API dropdown list:
    βœ” Maps SDK for Android
    βœ” Maps SDK for iOS
    βœ” Maps JavaScript API (if you are using maps in the web/admin panel)

After selecting the required APIs, click Ok.

This ensures your API Key remains secure and works only for the required services.

Configure Google Map API Key in Your Project

1️⃣ Add Google Map Key in Flutter App

Paste the copied API key in your Flutter project as per Android configuration.


2️⃣ Add Google Map Key in Admin Panel

Login with Super Admin credentials.

Go to:
Settings β†’ Site Setup

Find the Google Map Key field.

Paste the API key and click Save.

3️⃣ Add Google Map Key in Server (.env file)**

Open your server project.

Locate the .env file in the root directory.

Add or update the Google Map API Key.

After updating (for Laravel projects), run:

php artisan config:clear

βœ… Final Result

Once completed:

  • Google Maps will work in the mobile app
  • Maps will load properly in the admin panel
  • Location-based features will function correctly

Your Google Map setup is now complete πŸš€