What’s the Plan
In this post, I will walk you through setting up a Google developer account, including billing, and getting a Google Maps API Key for your website. Once you have this setup, you can plug the key into your website and get Google maps up and running again, if it is not working for you.
Step 1: Search Google
If you’re not logged into your google account, you may need to do so in order to proceed.
Step 2: Get Started
You will come across this screen next. There are a couple of warning boxes for people just like you wondering why their Google maps aren’t working. Click on the blue GET STARTED button.
Step 3: Enable Google Maps
Next, you will need to enable which API(s) you need for your website. The most common will
Step 4: Select A Project
Here you will select a project, or create one. The default name of my project will give you issues, if you have multiple websites, and want to keep track of which key is for which site. You can name them whatever you want, but I would recommend naming them after the website where the API key is to be used.
You’ll also need to agree to their terms of service.
Step 5: Enable Billing
Next, you will be prompted to select a billing account if you have one. Otherwise, you will select “Create A New Billing Account”.
Step 6: Select Country
You’ll need to tell Google, in which country you would like to be billed. You will again have to agree to the terms of service and let them know if you’d like to receive their partner emails.
Step 7: Business and Billing Info
You’ll next select if this is for business or individual use. In the case of a business, you will enter your business contact information and your credit card information here.
Step 8: Confirmation
Once your billing information is confirmed, you will see a dialog box telling you that your API(s) have been enabled. There’s no action required here other than to click NEXT.
Step 9: Get Your API Key
Now you will finally be given your API key. If you know where to put it then do so now. If you’re not sure, then connect with the developer who built your website.
You can copy and paste it into an email or document. There is also a button to copy the code directly to your clipboard.
Step 10: View Your API Dashboard
You’ll be taken to your API dashboard where you can view your usage stats. The important thing here is the “SECURE CREDENTIALS” button in the upper right. Your API key can presently be used on any website, so it could potentially be stolen and used excessively at your expense.
Step 11: Secure your API Key
You’ll want to enter https://*.yourdomain.com (
Step 12: API Restrictions
On the same page where we limit the domains, we’ll find the API restriction settings. Select “Restrict key” and click the checkbox for the following API keys.
- Directions API
- Distance API
- Geocoding API
- Maps Elevation API
We hope you find this helpful in getting your Google Maps back up and running on your website. Let us know in the comments if you run into any issues.