Google Maps API Not Being recognised

A bit of a weird one. Google Maps has stopped working and can’t figure out how to get to working again.

On the front the map is showing OK for this page (https://watsonheadache.com/directory/?fwp_last_name=watson). Screenshot: (https://cl.ly/1d655e340e23)

But in the back the map is showing as not being connected to the API (https://watsonheadache.com/wp-admin/post.php?post=28092&action=edit). Screenshot (https://cl.ly/ecf3414fa2cc)

Other entries show the map being connected to the API on the front but the location does not show but in the back the map is showing as not connected to the API.
For example:
Front: https://watsonheadache.com/directory/?fwp_first_name=kyle (Screenshot https://cl.ly/ac34d8d0aa1a)
Back: https://watsonheadache.com/wp-admin/post.php?post=28491&action=edit (Screenshot: https://cl.ly/6482d6d9dd8f)

I have checked the API in with the debugging process here: https://developers.google.com/maps/documentation/javascript/error-messages?utm_source=maps_js&utm_medium=degraded&utm_campaign=billing#api-key-and-billing-errors.

– Are you using an API key? YES
– Is billing enabled on your account? YES
– Is the provided billing method no longer valid (for example an expired credit card)? NO it is valid
– Is there an exceeded self-imposed daily limit on the API? NO
– Does your API key have an IP addresses restriction? NO

The key has been added with the following code in the functions file:
wp_enqueue_script( ‘google-map-init’, CHILD_URL . ‘/js/google-maps.js’, array( ‘jquery’ ), ‘0.1’, true ); // Customising Maps Display with FacetWP Plugin (and attached as a reference (google-maps.js)
wp_enqueue_script( ‘google-map’, ‘https://maps.googleapis.com/maps/api/js?key=%5BOur-Google_Api-Key-Is-Here%5D&callback=drawMap.initMap’, array( ‘jquery’, ‘google-map-init’ ), ‘3’, true );

Any ideas what may be happening here? Many thanks

Nik Cree

The page I need help with: [log in to see the link]