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

Billing

To use the Maps JavaScript API, you must enable billing. You can enable billing separately (see Usage and Billing) or when you get your API key.

Why do I need to generate API key?

If you’ve used Setup Wizard and imported demo content, you’ll see that your maps are probably working. This is because Setup Wizard installs you our public API key that is shared between all other Listeo installation where users just installed it or haven’t configured own API yet. Unfortunately there are limits on API calls and if they are exceeded, the maps functionality stops working. That’s why you need your own API key.

How to generate API key?

To generate your API key, you need to  access the Google Developer console. In the Google Developers Console, follow these steps:

Create Project

Generate API Key

It’s important to add your website URL to ” Accept requests from these HTTP referrers” field, make sure to add it as

http://yourpage.com/*

and

https://yourpage.com/*

Please note the * at the end, you have to add it to make it work on all your subpages.
This way all subdomains and subpages will be accepted. After adding it, click Create. It sometimes takes couple minutes to have your site accepted.

You must enable Billing on the Google Cloud Project at https://console.cloud.google.com/project/_/billing/enable Learn more at https://developers.google.com/maps/gmp-get-started

Make sure your domain is starts with http and https and has asterisks at the end as in examples abvove. Sometimes however this is not enough and you’ll see errors in Chrome Console that you’re website is not authorized to use that API. In that case, set the Key Restriction to “None”

Enable APIs

Next, you will have to enable a few services for your key. Go to Overview → Google APIs and click  Google Maps JavaScript API –  Enable the service.

APIs you need to enable to get full functionality of Listeo are marked on this screenshot

Add API Key

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

To get search functionality working correctly you have to create another key for geocoding with all required API services listed in previous section but without domain restriction.

Click here to read how search by location works →