How to Get Google Maps JavaScript API Key

You can add an address to your JCal Pro event and display its Google map to the event viewers.

location map

JCal Pro calls such an address "location". For your JCal Pro locations to function properly, you need to set up your Google Maps Platform. 

Once you do, you will be able to set the Google Maps JavaScript API key in your JCal Pro > Options > Location:

google maps javascript api key

Getting started with Google Maps Platform is a three-step process:

  1. Create a billing account with the Platform and attach it to your project.
  2. Enable Google Maps JavaScript API and Directions API.
  3. Get an API key.

Let's take a look at this process in more detail.

Step #1. Create a billing account and attach it to your project  




Step #2. Enable Google Maps JavaScript API and Directions API  




Step #3. Get an API key

To get an API key:

According to Google Map Platform official documentation, to get an API key, you need to perform the following steps:

click the project drop down

  • Select the project for which you want to add an API key:

select your project

  • Click the menu button:

click the menu button

  • Select APIs & Services > Credentials:

select api services credentials

  • On the Credentials page, click Create credentials > API key:

go to create credentials api key

  • The API key created dialog displays your newly created API key:

api key created

  • Click Close.

The new API key is listed on the Credentials page under API keys. 

Good job! Now you can paste your Google Maps JavaScript API key to your JCal Pro settings. This will ensure that your JCal Pro events locations will work properly.