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
- Visit the Google Maps Platform page and click Get started button.
- Select the Maps, Routes, and Places products to get the APIs that are needed to work with the free themes Map section.
- Click Continue.
- Either create a new project name or select an existing project.
- After agreeing to the terms of service, click Next.
- 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.
- Go in your API Library and click View All
- 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.
- Go to the Google API credentials page.
- Select your project from the menu.
- Choose the API key that you generated to begin editing.
- Under Application restrictions, click HTTP referrers (web sites) and enter the domain name https://app.woodelivery.com
- 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.
- Click Save.