Google Maps is not working

• mwalcott33

• September 13, 2018 at 7:10 am

I have a custom post type with a google map field. I am also working locally but I pushed out to a staging server and the same issue still persists.

The map loads in the backend. But when I try to add an address it says this page can’t load Google Maps Correctly.

I have the api key stored in my functions file as well but this shows up in the console: This API project is not authorized to use this API. Please ensure this API is activated in the Google Developers Console.

Another Note: I have the domain verified with Google search console.

From what I have read these are the ones that should be active.
Google API’s Active
– Geocoding
– Geolocation
– Maps Embed
– Maps JavaScript
– Maps Static

If anyone has any information on this please let me know.

• Mark Howells-Mead

• September 17, 2018 at 11:48 pm

Same discussion here: https://support.advancedcustomfields.com/forums/topic/google-map-not-displaying-on-wp-backend/

• herrfischer

• September 27, 2019 at 6:10 pm

Same problem here with ACF Pro 5.8.4.
I had activated

• Maps Embed API
• Maps JavaScript API

Now I deeded to activate

• Places API

,too. So I have

• Maps Embed API
• Maps JavaScript API
• Places API

Works.

This is the way I load the script in my functions.php:

wp_register_script('aa_js_googlemaps_script',  'https://maps.googleapis.com/maps/api/js?v=3.exp&key=XXX'); // with Google Maps API fix
		wp_enqueue_script('aa_js_googlemaps_script');

and

function my_acf_init() {	
	acf_update_setting('google_api_key', 'XXX');
}
add_action('acf/init', 'my_acf_init');