Food Tiger
  • Introduction
  • Installation
    • Installation on Shared Hosting
    • Updating - Shared hosting
    • Run local
  • Define Basics
    • Database
    • Mail server
    • Localization and Time format
    • Pricing Plans
    • Payments
    • Stripe Gateway
    • Paystack Gateway
    • Google API
    • Google Analytics
    • Google authentication
    • Facebook authentication
    • One Signal push notifications
    • Twilio SMS notifications
  • Usage
    • Getting Started
    • Register as an admin
    • Multilingual menu
    • Set up your site
    • Restaurant subdomain
    • Single restaurant
    • Translations
    • Custom CSS
    • Import from CSV
    • Custom fields on order
    • Project plugins
  • Plugins
    • How to install plugin
    • ShareThis
    • Cookie Consent
    • Thermal Printer Module
    • WebHooks
  • API
    • Client API
    • Driver API
  • Changelog
    • Changelog
    • FAQ
Powered by GitBook
On this page
  • Make a Google Project and enable APIs
  • Possible problems
  • Allow us to configure Google project for you

Was this helpful?

  1. Define Basics

Google API

How to get Google Maps, Places and Geo location API keys

PreviousPaystack GatewayNextGoogle Analytics

Last updated 3 years ago

Was this helpful?

Make a Google Project and enable APIs

To use the Maps JavaScript, Places API and Geolocation API you must have an API key. The API key is a unique identifier that is used to authenticate requests associated with your project for usage and billing purposes.

To get an API key:

  1. Go to the .

2. Click the project drop-down and select or create the project for which you want to add an API key.

3. Click the menu button and select Library.

4. Find Maps JavaScript API and enable it.

5. Go back to the Library menu, find Places API and enable it.

6. Go back to the Library menu, find Geocoding API and enable it.

7. Click the menu button and select Credentials and click Create credentials > API key.

The API key created dialog displays your newly created API key.

7. Click on RESTRICT KEY.

An application restriction controls which websites, IP addresses, or applications can use your API key. You can set one application restriction per key.

  • Select HTTP referrers (web sites)

  • Click on ADD AN ITEM and add your domain. Your domain should look like this: https://yourdomain.com/* and yourdomain.com/*

  • Select Restrict key.

  • Click on Select APIs drop down menu and select Maps JavaScript API and Places API and GeoCoding API

Now your API Key is ready for use.

8. Copy the API Key and paste in your .env file

GOOGLE_MAPS_API_KEY="" //API KEY

Possible problems

IMPORTANT: Please make sure that everything is working okay (showing maps and adding new client address in order checkout page).

1. Change application restrictions Depending on your server/domain configuration the script maybe won't accept the HTTP referrers restrictions so try with changing the application restrictions back to None

2. Enable Billing on your project.

Sometimes after adding the key these features maybe won't work again. Then depending on the google account associated with the project created and maybe you will need to enable Billing.

Allow us to configure Google project for you

Click the project drop-down and select your project.

From the left menu select IAM & Admin.

Now click on the Add button.

Add our email mobidonia@gmail.com and give us Editor role.

In the end click Save.

The new API key is listed on the Credentials page under API keys. (Remember to before using it in production.)

You must enable Billing on the Google Cloud Project at

Learn more here about it: or here

If you have still problems with this configuration write us on our for help/assistance.

Go to the .

Write us on our for your project details.

restrict the API key
https://console.cloud.google.com/project/_/billing/enable
Learn more at
https://developers.google.com/maps/gmp-get-started
Billing
Getting started with Google Maps Platform
support chat
Google Cloud Platform
support chat
Google API Console