- Firstly, go to Google Maps Platform.
- Login to Google with your Google account.
- Click on the ‘Get Started’ button on the site header.
- Choose the ‘Maps’ option from the popup.
- Click on the continue button.
- Choose a project from this step. If you don’t have any project, you can create a project here.
- Choose the ‘Yes’ input from the terms field.
- Click on the enable billing button.
- Configure billing settings in the next step.
- You will get a API key, note this code.
- Click on the ‘APIs’ link from the menu.
- Click on the ‘Maps JavaScript API’ item.
- You created a API for JavaScript. Next, open the Credentials tab and click on the ‘Credentials in the API Manager’ link.
- Click on the ‘Create credentials > API Key’ link.
- Copy the API key and enter the key to API key field of the theme settings panel.
- Click on the restrict button. You will make API key settings.
- Choose the ‘HTTP referrers (web sites)’ option from the ‘Application restrictions’ field.
- Enter your website URLs from the ‘Website restrictions’. Example:
http://yoursite.com/*
https://yoursite.com/* - Click on the save. Your API key is ready!