WiscWeb - WordPress UW Theme - Events Calendar Pro Google Map Rendering Options

This document will walk you through two options for fixing the Events Calendar Pro Google Map rendering issue that results in a "Oops! Something went wrong" message.

 Option 1: Turn Off Maps in the Events Calendar Pro Settings

The quickest and easiest fix for this issue would be to simply turn off the option to see an embedded map in your events. 

To do so, please follow these steps:
  1. In your Dashboard, navigate to Events
  2. Click on Settings
  3. In the General tab, scroll down to the Map Settings area
  4. Uncheck the box that says "Check to enable map for events and venues"

    Events calendar map settings

  5. Scroll to the bottom of the page and click the blue Save Changes button

 Option 2: Obtain a Google API Key

If it is important that your users be able to see the Google Map in your events, you can obtain an API Key from Google. When added to your Events Calendar Pro settings, this will allow your events to render the maps as expected.

To do so, please follow these steps:
  1. Open an incognito or private browsing window for your browser
  2. Navigate to the Google Cloud Platform Console (copy and paste this link into your browser): https://cloud.google.com/maps-platform/
  3. Sign in with a departmental service account (this is so that the account is not tied to a particular person, in case the person leaves the University). It should be the same account you use for Google Custom Search and/or Google Analytics
  4. Click on the blue Get Started button

    Get started with Google Cloud Platform Console

  5. In the modal window, select the Maps checkbox (or check all three, if you prefer)

    Click on the maps checkbox in the modal window

  6. Click on the blue Continue button
  7. Select your project from the dropdown and click Next

    Select your project from the dropdown

  8. You will see a modal window that says "Enable billing for project "projectname"." Click Create Billing Account

    Enable billing modal window

  9. Agree to the Terms of Service and add your departmental/business info to the account (including a valid credit card) and select Start My Free Trial
  10. In the window that says "Enable Google Maps Platform," click Next to enable your APIs

    Click next to enable your APIs

  11. Your new API key should display in the next pop-up window. Copy the key and navigate back to WiscWeb
  12. From your WiscWeb Dashboard, select Events
  13. Click Settings
  14. Choose the APIs tab
  15. Paste the key into the Google Maps API Key field

    Add the API key to Events Calendar Pro settings

  16. Click the blue Save Changes button

Tips

  • If you have opted to turn off the map feature in Events Calendar Pro but would like to still offer a map to your users, consider embedding it in the summary portion of the event. You will not be charged to use Google Map embed code and it will not require you to create an API key.

See Also:




Keywords:google map, oops, something went wrong, broken, events calendar, render   Doc ID:88092
Owner:Jenna K.Group:WiscWeb CMS
Created:2018-11-30 08:39 CSTUpdated:2018-11-30 09:04 CST
Sites:DoIT Help Desk, WiscWeb CMS
Feedback:  0   0