Google Maps once again requiring an API key

I’ve been porting a site from Drupal to WordPress recently but it wasn’t until I loaded it onto hosting with 1&1 that I noticed some problems with my [bw_show_googlemap] shortcode. I’ve fixed the problem in oik v3.0.2. The new solution requires you to obtain a Google Maps API key, and enter it in oik options.

If you don’t you will get the following Warnings in your browser JavaScript console

Google Maps API warning: NoApiKeys 
https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys
maps.googleapis.com/maps-api-v3/api/js/25/6/intl/en_gb/util.js:211  

Google Maps API warning: SensorNotRequired 
https://developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required
maps.googleapis.com/maps-api-v3/api/js/25/6/intl/en_gb/util.js:211

and perhaps even see the error which prompted me to develop the fix.

Sorry! Something went wrong.

This page didn’t load Google Maps correctly. See the JavaScript console for technical details.

Accompanied by the JavaScript Error, which so far has only appeared on 1&1 hosting.

Google Maps API error: MissingKeyMapError 
https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error

_.ab @ js?&region=GB:32
(anonymous function) @ common.js:51
(anonymous function) @ common.js:189
c @ common.js:45
(anonymous function) @ AuthenticationService.Authenticate?1shttp%3A%2F%2Fwww.example.com%2Fwp-admin%2Fadmin.php%3Fpage…:1

Reference

bobbingwide/oik#41
Google Maps JavaScript API https://developers.google.com/maps/documentation/javascript

Published:

June 27, 2016

Last updated:

June 27, 2016

herb miller