Google Maps API Keys

Setup

  • Goto https://console.cloud.google.com and login with your Google Account or create an account.

  • Create a Project on Google Cloud Console.

  • Enable the following API's on your project:

  1. Geocoding API

  2. Maps Javascript API

  3. Places API

  4. Maps Elevation API

  5. Maps Static API

  6. GeoLocation API

  • You will have to setup the Google Billing account as well.

  • From the Left menu, goto API & Services > Credentials and click on `Create Credentials`

  • Create a Key named HTTP Key and under the website restrictions tab add your website URL like the following

If your website is my-domain.com add these: https://my-domain.com/*and https://www.my-domain.com/*

  • Create another key named IP Key and under the IP Addresses section paste your website/server IP address.

Goto https://www.ipvoid.com/find-website-ip and find your website's IP address

Very Important

Sometimes on a shared hosting environments, your website IP might not be enough to configure the IP restricted key. In these cases, you will be shown a popup message like:

Geocoding failed because `This IP, site or mobile application is not authorized to use this API Key. Request received from IP address *.*.*.* with empty referer.

The *.*.*.* is your server's IP address which need to be set on the IP Restricted key. Go back to the Google Cloud Console and set this IP Address provided on the popup.

  • Save all the changes and login to your Foodomaa's Admin Panel.

  • Goto Admin > Settings > Google Maps and paste your both keys here.

Google API's takes 5-10 minutes to reflect the changes on your website.

Video Walkthrough