Create Google Maps API Key

Note: 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.

 

 Api_Screen_3.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 Google Maps and enable the Google Maps Embed API and the Google Maps Javascript API.

Api_Screen_5.png

3. Generate API Key

 

  • Click on Credentials on the left hand menu and choose Create Credentials.
  • In the drop-down menu, choose API Key.

    Api_Screen_6.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 0 found this helpful
Have more questions? Submit a request

Comments

0 comments

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