Create Google Maps API Key

You must have a Google account to generate a key for Google Maps Javascript API.

Google Maps requires a special browser key to display Google Maps on your website.

1. Log In to the Google API Manager Console
Use your Google account username and password, and log in here: https://console.developers.google.com/apis/library.

Api_Screen_1.jpg

  • First Time Using the Google API Manager?
    If this is your first time creating an API key, you will have to create a Project first.

 Api_Screen_2.png

  • Click on the Create project button.

newCreateProject.png

  • Give your Project a name on the next window. Click the CREATE button at the bottom-left of the window.

2. Create Enable API And Services

  • Click on the Enable API and Services button on the API Manager menu.

Api_Screen_4.png

  • Search for and enable the Maps Javascript API, Maps Embed API, and the Geocoding API.

APIOptions.png

 

3. Generate API Key

  • Click on APIs & Services on the left hand menu and choose Credentials.
  • choose API Key.

Credentials.png

4. Add Restrictions to the API Key

  • Select the name of the existing API key. The restrictions section will appear at the bottom of the page.
  • Choose the HTTP referrers option. 

    Screen_Shot_on_2018-07-16_at_12_05_11.png
  • Add your site's URL in the field below and press "Save.
  • Copy the generated API key to your clipboard.

Api_Screen_7.png

  • Return to your Finalsite site and paste the API Key here: Modules & Settings > Site Administration > Site Information > Google Maps.

2018-03-27_08-07-31.png

Screen_Shot_on_2018-07-13_at_12_42_00.png

  • You will want to include a starting address for your school or district so that Google Maps can display an address. The address on the maps 
  • Click the Save Site Info button.
Was this article helpful?
0 out of 2 found this helpful

Comments

0 comments

Please Sign in to leave a comment if you don't see the comment box below.