All new created websites are required by Google to use an API key to access the Google Maps API services.


Do I need to Google API key?

You need Google API key if you would like to use Google Maps, Google Autocomplete and radius search feature in our theme. Otherwise it’s not necessary and you can use OpenStreetMap or other providers.


Step 1: Create New Project

Go to Google Developer console and create new projec: click “Select Project” then “New Project”

Select a name for your API key and click “Create”


Step 2: Generate API Key

Click “APIs & Services”

Then select “Credentials” tab, click on “Create Credentials”

You’ll see generated API key. Copy and save it. You will need it later.



Step 3: Configure API Key

You need to restrict key to domain by checking “Websites” under application restriction section.

Then click “Add” and type your domain in proper format. Please note the * at the beggining and the end of domain.  It’s important to wrap domain between * characters  to allow access to api key for all subdomains and subpages.

Example: *.listeo.pro/*


Step 4: Enable APIs for your key

Go to “Library” tab


Find “Maps” section and click “View all”

In this step you will need to enable 3 APIs.

Click on API that is required for Listeo and then click “Enable”. Repeat this step for Places API, Maps JavaScript API and Geocoding API highlighted in screenshot above.

Important!

To use these APIs, enable billing, which can be done separately (see Usage and Billing) or when obtaining your API key. The initial $200 of monthly usage is free, and you’re unlikely to surpass this limit.

Charges are based on actual usage, and you can monitor rates and spending in your Google Cloud Platform Console. Set daily quotas to prevent unexpected spikes and configure billing alerts to receive email notifications for customizable charge thresholds.


Step 5: Add API Key in Listeo Core

Go to Listeo Core → Map Settings and paste your API key in “Google Maps API Key” field.


Step 6: Unrestricted API key for radius search

Radius search functionality requires key without domain restriction. Follow all steps in this tutorial but instead restricting key to your domain at step 3 make this key not restricted to domain.

Then add unrestricted key in Listeo Core under “radius search settings”.

Click here to read how search by location works →