Google Maps API

I have site that I did not build but took over. The google maps on the home page stopped working and said to refer to the Javascript console for information The javascript console, when inspecting the site, said the API key was expired. When looking in the settings of Elementor, I saw that there was no key added (so it was removed before), so I created a new one using the Google Maps API and added it to the site. I am still having an issues with it telling me it’s an expired key, even though the key is good. I am also having callback errors in the site when inspecting it, which I do not believe I had before. The two errors are below.

The client has a template set up for the locations and there is not an additional spot to add an API Key (or another plugin added to manage the maps widget past Elementor). I am confused on why it is saying the callback error, as there is no instructions saying anything additional needs to be setup. I am also confused why it is pulling the old and new API key (reason for expired API Key, I assume) as there is only one spot to enter an API Key for Elementor and my new API key is entered.

“Google Maps JavaScript API has been loaded directly without a callback. This is not supported and can lead to race conditions and suboptimal performance. For supported loading patterns please see https://goo.gle/js-api-loading”

“Google Maps JavaScript API error: ExpiredKeyMapError
https://developers.google.com/maps/documentation/javascript/error-messages#expired-key-map-error”