Creating a Google Maps API

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