Google Maps API

WooDelivery offers a supported integration with Google Maps API. You can create your own free Google Maps API Key using your Google Account and add it to the WooDelivery platform to get a list of enhanced services from Google including address auto-complete, dynamic map display, geocoding, distance matrix, predictive ETA and more. List of APIs need to be enabled:

  • Place API
  • Map JavaScript API
  • Directions API
  • Geocoding API
  • Distance Matrix

In this article, you will learn how to create a Google Maps API key and enable the required API libraries.

On June 11, 2018, the Google Maps Platform introduced a number of changes to how Google Maps APIs are organized and used. Using these APIs requires setting up a billing account with the Google Maps Platform. You are provided a monthly credit of USD $200 per Google account on an ongoing basis to cover services up to a threshold. You will only be billed when your usage exceeds your monthly $200 credit limit.

Step 1 – Register a Google Maps API Account

  1. Visit the Google Maps Platform page and click Get started button.
  2. Select the Maps, Routes, and Places products to get the APIs that are needed to work with the free themes Map section.
  3. Click Continue.
  4. Either create a new project name or select an existing project.
  5. After agreeing to the terms of service, click Next.
  6. Create a billing account with the Google Maps Platform. A billing account is a requirement in the new Google Maps Platform.

Step 2 – Add your Google Maps API key to your WooDelivery account

After you finish, a pop-up window will appear, select the three options, and then click on “NEXT.”

Then, answer the 2 questions, a popup will show. Click “ENABLE”.

After you enable the APIs a new popup will be displayed with your new API key.

 

You need to copy this API Key and paste it into the Settings > Account page on the WooDelivery Admin Dashboard.

Step 3 – Enable API Libraries

Activate the Google Maps API to be sure everything works perfectly.

  1. Go in your API Library and click View All
  2. You’ll have to enable a few of them, check the following list, and be sure to activate each of them.

List of APIs need to be enabled:

  • Place API
  • Map JavaScript API
  • Directions API
  • Geocoding API
  • Distance Matrix API

 

Step 4 – Restrict API Key access to protect your account

Google Maps Platform prompts you to restrict access to your API. Your API key is a unique identifier for your map that prevents others from using your API key by restricting its access to only your domains.

  1. Go to the Google API credentials page.
  2. Select your project from the menu.
  3. Choose the API key that you generated to begin editing.
  4. Under Application restrictions, click HTTP referrers (web sites) and enter any domain associated with your woodelivery account, including https://app.woodelivery.com and https://woocenter.azurewebsites.net
  5. If you use white-labelled URLs, please add your custom domain (for example, app.your-domain-name.com) to the HTTP referrers (web sites) list.
  6. Click Save.