Google Maps

Google Maps requires an API key if you want to display a map on your website. If you already have an API key, you can add it in Theme Options > API Keys > Google Maps API Key.

Generate A New API Key

To get a Google Maps API key, follow these steps:

  1. Go to the Google Maps Platform.
  2. Click the Get Started button in the middle of the screen.
  3. Click on the Google Cloud Platform home in the upper left corner.
  4. Click on Billing to ensure your billing details are up-to-date. If they are not, your Google Maps will not work properly.
  5. Once you’ve confirmed your billing is up-to-date, click on the Google Cloud Platform home in the upper left corner again.
  6. Hover over APIs & Services and go to Credentials.
  7. If you want to use an existing project, please select it from the list. Otherwise, select Create a new project and enter a project name.
  8. Click Create credentials and select API key. You will see a new dialog that displays the newly created API key.
  9. Click the Close button in the API key dialog. Your new API key will be listed on the Credentials page under API keys.

To get more information, you can follow this documentation.

View Your Existing API Keys

  1. Go to the Google Maps Platform
  2. If the side menu is not visible, click the three-line (hamburger) menu icon
  3. Click ‘APIs & Services’ (API icon)
  4. Click ‘ Credentials’ (key icon)

Troubleshooting

Here are common issues people encounter when creating a Google Map API key, which can cause the map to not work:

  1. Forgot to set up the billing information: Even with free usage, Google requires you to provide billing information. Without this information, your API key won’t work.
  2. Set up the wrong restrictions for the API key: Ensure the following APIs are enabled along with your API key:
    • Google Maps Javascript API
    • Google Maps Geocoding API
    • Google Places API
    • Google Maps Directions API
  3. The map still says the API key is not usable: Google Maps has limitations with free usage. Therefore, the API key might not get the coordinates from the address you entered for the map. We strongly recommend using the latitude and longitude options instead of the map address.