How To Create A Google Maps API Key

As of July 16, 2018, Google updated their Geocoding API model. In order for Google Maps not to show a "For Development Purposes" message on your site, you must register for an API key.

Click here to learn more about their changes.

LET'S GET STARTED!

  • Go to Google Cloud Platform.
  • Sign in to the Google account that will be responsible for managing the Google Maps API key.
  • You will see a list of Maps services, choose the one labeled, Maps JavaScript API.

  • If this is your very first Google Maps project, simply click on Create. If not, then click on Select a project.

  • Project
    • Project Name: Give your project a name.
    • Organization: Leave it alone.
    • Location: Select what parent folder this project will be under.
    • Click Create.
  • Make sure your newly-created project is chosen.
  • Click Enable.

  • Make sure you are within your account.
  • Click on the Credentials tab.
  • Click on Create credentials.
  • Click on API key.
  • A pop up will appear with the title, API key created. Copy the string of text within the Your API key field.
  • Click on Restrict Key to set some restrictions on what your key is restricted to.
  • Key restrictions
    • Application restrictions
      • Select the HTTP referrers(web sites) options.
      • Another option labeled Accept requests from these HTTP referrers(web sites) will appear.
      • Type into the field the general http or https URL of your website. 
      • Example:
        • http://www.example.com/*
        • https://www.example.com/*
    • API restrictions
      • Select the Maps JavaScript API dropdown option.
  • Click Save

APPLY IT TO YOUR SITE


​For websites using a WordPress theme or plugin, there's typically a setting where you have to paste the API key you copied over from Google.