Google Maps

Same for me. And I have Google Maps with the same key working on my website, but not in the event calendar.

Hi,
I am also experiencing this problem, I am using an active and functional Maps Embed API key. I have also copied the address for the venue as displayed on Google Maps and I am still presented with a blank box for the maps.

Hey there @sabrinawatson!

Thanks for reaching out — sorry to hear that you are experiencing difficulties.

It looks like your site is throwing the following error:

Geocoding Service: This API project is not authorized to use this API. For more information on authentication and Google Maps JavaScript API services please see: https://developers.google.com/maps/documentation/javascript/get-api-key

It sounds like the domain does not have access to the API key. Follow Google’s guide → https://developers.google.com/maps/documentation/javascript/get-api-key

I have followed the directions so I don’t know why it doesn’t work. What is the best way to get some assistance with this. Where do I find someone to hire?

Hi @sabrinawatson, I had been experiencing the same problem as you but I managed to solve it today. On the Google Cloud Console search for and enable the following API’s below and your should maps work.

• Maps JavaScript API
• Geolocation API
• Geocoding API

I hope this helps you!

• This reply was modified 6 years, 2 months ago by abcdinosaur.

I have tried that and it still doesn’t work. I just don’t know enough about this whole Google api thing. I need to find a course on Google stuff.

Our Maps API guide is in progress of being updated, so here’s one that uses a bit more plain English than the official one → https://www.mapsmarker.com/docs/basic-usage/how-google-maps/

The last few steps can be ignored, since this is from a different company.

Hi @erishel, I too am having the same issue as those listed above.

Currently, I have The Events Calendar Version 4.6.23.

I am getting the following error message:
Geocoding Service: This API project is not authorized to use this API. For more information on authentication and Google Maps JavaScript API services please see: https://developers.google.com/maps/documentation/javascript/get-api-key

In my Google Cloud Platform Console I have my Project setup, with a Billing Account attached to it, and in the Project I have Maps JavaScript API enabled. I have one Credential API key on the Project and connected to the Maps JavaScript API.

I have the following Key restrictions:

• Application restrictions: HTTP referrers
• API restrictions: Maps JavaScript API

My Accept requests from these HTTP referrers (web sites) are:

• example.com/*
• .example.com/*
• *example.com/*
• *.example.com/*

While it’s obviously slightly outdate, as you mentioned, I have followed The Events Calendar knowledgebase guide to setup the API.

Still, as I mentioned the error message above, it is still not working.

In problem solving, I also enabled the Geocoding API and added it to the Credential Key’s API Restrictions list. Interestingly, this removed the error on the site and allowed the map to display.

I am confused though, as the The Events Calendar knowledgebase guide says that only the Maps JavaScript API is needed for the basic The Events Calendar and that the Geocoding API is only needed for The Event Calendar PRO’s geolocation lookups.

In looking at Google’s Documentation on the Maps JavaScript API Billing (SKU: Dynamic Maps) and Geocoding API Billing (SKU: Geocoding) they are billed completely separate. I checked Google’s Maps Platform Pricing Calculator and do see they are billed separate and the Geocoding API Billing (SKU: Geocoding) doesn’t include the $200 monthly credit like the Maps JavaScript API Billing (SKU: Dynamic Maps) does.

So, ultimate question now is, does the basic version of The Events Calendar now require the Geocoding API to be enabled along with the Maps JavaScript API in order for the maps aspect to function? Or am I missing something?

Thanks!

I created a 2nd, new key inside the project and with this new key it now works for me.

If you have a existing project within Google Console, visit https://console.cloud.google.com — choose project, then API’s & Services then Credentials, from here copy the server key and paste in The Events Calendar ??

You can also click Library and make sure that Maps JavaScript API is enabled.

Hope that helps!

Hey there! This thread has been inactive for a while so we’re going to go ahead and mark it Resolved. Please feel free to open a new thread if any other questions come up and we’d be happy to help. ??

Thanks
Courtney ??