Google Maps Not Loading Properly

  • Resolved c130games

    (@c130games)


    6 years, 1 month ago

    The map displays for a brief moment and then disappears. The message below is displayed after the map disappears:

    Oops! Something went wrong.
    This page didn’t load Google Maps correctly. See the JavaScript console for technical details.

    These are the errors in the javascript console:

    [Error] Google Maps JavaScript API error: ApiNotActivatedMapError
    https://developers.google.com/maps/documentation/javascript/error-messages#api-not-activated-map-error
    (anonymous function) (js:56:412)
    (anonymous function) (common.js:73:341)
    (anonymous function) (common.js:149:179)
    c (common.js:67:86)
    Global Code (AuthenticationService.Authenticate:1)

    The site is Bluehost WordPress 5.4 running a 2014 child theme.

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support tech2serve

    (@tech2serve)

    6 years, 1 month ago

    Is this a new website for San Antonio? It would appear Google isn’t happy with the API key you have set up (or not). Have you created your own Google API key and entered it?

    You also might consider setting up a Mapbox account and API key. Again, you’ll enter the API key on the “Import & Settings Page”.

    Thread Starter c130games

    (@c130games)

    6 years, 1 month ago

    Yes, this is a new site. I figured it was an API issue. I did create a Google API key and entered it on the site. I tried different settings in Google.

    My next move was to set up a Mapbox account and see if I get any further.
    Thank you!

    Thread Starter c130games

    (@c130games)

    6 years, 1 month ago

    I think I found what’s missing:

    Add the API key to your request
    You must include an API key with every Maps JavaScript API request. In the following example, replace YOUR_API_KEY with your API key.

    <script async defer src=”https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap&#8221;
    type=”text/javascript”></script>

    What’s the best way to add this javascript to the plugin? Is it single-meetings.php?
    Thank you!

    Plugin Support tech2serve

    (@tech2serve)

    6 years, 1 month ago

    The code is already there. The only thing you should have to do is add your own Google API key to the admin side, “Import & Settings” page, lower right side where it says “Google Maps API Key”. Enter it, and click “Add”.

    Or put a Mapbox API key in the field above. Only use one or the other.

    If that still isn’t working, check to see if you have added restrictions to your Google API console.

    Is this going to replace the old CSO San Antonio site?

    • This reply was modified 6 years, 1 month ago by tech2serve.
    Thread Starter c130games

    (@c130games)

    6 years, 1 month ago

    I already added the key to the Imports and Settings page. I pulled out all the restrictions on the API console page. I originally had restrictions on the key.

    Yes, this is going to replace the existing site.

    Plugin Support tech2serve

    (@tech2serve)

    6 years, 1 month ago

    Ok. I’ll test with a Google key.

    In the meantime, try using a Mapbox key?

    You might also check with your hosting provider to see if they have any settings that might affect Google calls. I’ve never heard of such things, but we need to explore any possible cause.

    Thread Starter c130games

    (@c130games)

    6 years, 1 month ago

    Mapbox works!

    I’ll keep working with the Google API Key to see if I can get it to work. Thanks for your help.

    Plugin Support tech2serve

    (@tech2serve)

    6 years, 1 month ago

    Google Maps works for me. You might want to try deactivating and reactivating the plugin between API key changes.

    Otherwise, I’m inclined to think it is something with your API key. Maybe generate a new one?

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Google Maps Not Loading Properly’ is closed to new replies.