Google Maps Javascript API error

Hi Tuan,

I have a site that's had the API keys for Google Maps entered and working properly for a few years. However, I just checked and the maps are no longer loading properly. There are a handful of error messages and warnings in the console, but the one that stands out to me below mentions transitioning from v2 to v3 of he Maps Javascript API. The site is running Joomla 3.10.12 and Events Booking 4.7.0; is it possible there's a plugin that needs updating separately? See the error messages below:

Oops! Something went wrong.
This page didn't load Google Maps correctly. See the JavaScript console for technical details.


From the last link: WarningThe script element that loads the API has no API key. Please make sure you include a valid API key as a   parameter. You can generate a new API key in the Cloud Console.To get an API key, click the button below to get started.
Get Started If you are loading Maps JavaScript API from the deprecated v2 path, you will get the   warning, even if you specified the   parameter. Please check the  v2 to v3 upgrade guide  and migrate your application to Maps JavaScript API v3.
The site already has an API key that is properly restricted and hasn't changed in over 5 years.

From my experience, maybe it causes by mootools in Joomla 3? Could you please install and enable this plugin extensions.joomla.org/extension/mootools-enabler-disabler/ to see if it solves the issue ?

Tuan

Yes, that fixed the issue! I've used this plugin on a different site to fix the Google Recaptcha problem, it didn't occur to me that mootools might also be conflicting with Google Maps. Thank you!

I only guessed because Google recaptcha and Google Maps are both from Google

Good guess!

Thanks