[Steven Zahm]

@ Jennifer

re: I wanted to add that I have tried using the api’s with other plugins and they worked fine.

When I navigate to this page on your site…

Looking at the browser Console, Google is still displaying the InvalidKeyMapError error.

Here’s the link to the Google Docs for this error:

https://developers.google.com/maps/documentation/javascript/error-messages#invalid-key-map-error

“The API key included in the script element that loads the API is not found. Please make sure you are using a correct API key. You can generate a new API key on the Google API Console.”

The only thing I can say for sure is Google does not like your key or its configuration.

Double check that the key is correct. It has to be exact. You had it closer to being setup correctly when the error message was Google Maps API error: RefererNotAllowedMapError. That meant the key was correct, you needed to fix the referer restriction.

Here’s a suggestion. Create a brand new API key with no restrictions (just for testing) and save that as your browser key in the Connections Settings. After you have a working key, then go back and add the referer restriction.

I recommend using http://roundhoused.com/ as the referrer. The preceding http:// and trailing / are important and should not be left off otherwise your Browser Key may not work because it will not be able to validate the referrer.

Hope this helps!