Google Maps API key not activated message

ForumGoogle Maps API key not activated message
Kristine Nemec asked 3 weeks ago

I have looked at the other posts regarding API keys following the latest theme update and have not been able to resolve my issue yet. When you click on the Directions tab on our website, cedarvalleyuu.org, you get the Oops! Something went wrong message. When I look at the JavaScript console, I get two error messages: Google Maps JavaScript API error: ApiNotActivatedMapError and 7 WebSocket connection to \’wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data\’ failed: Error during WebSocket handshake: Unexpected response code: 403. I have created an API key in the google API console and in the Credentials section where you list the website to accept requests from, listed the website in 3 different ways per a suggestion from an earlier post in the forum (in the thread After the theme upgrade to 1.1 location services no longer work\”from 4 months ago): http://cedarvalleyuu.org/# *.cedarvalleyuu.org/* *cedarvalleyuu.org/* I have Maps Embed API and Maps JavaScript API enabled for the website in the google console. In WordPress I added the plugin \”Retro Add Google Maps API Key\” (https://en-ca.wordpress.org/plugins/api-key-for-google-maps/) recommended in another post and added the API key to that. I am still getting the error messages. Is there anything else I should be doing?

1 Answers
Kristine Nemec answered 3 weeks ago

I was able to resolve it by following some other instructions that hadn’t been working previously. Maybe some of the actions I took above helped to resolve it as the API key created earlier and entered according to the instructions below had not been working.
Enter the API key in the site.

  1. From the Dashboard, choose Appearance > Customize. (Or click Customize if it appears along the top of the page.)
  2. Click “Congregation Map Information” from the list of options on the left side of the page. It contains two boxes, one for your address and the other for your API key.
  3. Cut and paste the API key into the Google Maps API Key box.
  4. Click the left-pointing arrow at the top of the box, click the Publish button, and click the X to close the Customize menu.