How to setup a Google Maps API Key for WordPress

August 9, 2016
14,545 readers

In this tutorial i will demonstrate how to create a Google maps API key so you can activate the mapping functionality within your PremiumPress theme.

Step 1


Login to your PremiumPress powered website. Navigate to the theme setup -> Content Setup tab.

step1

Step 2


Click on GEO Location & Google Maps. Here you’ll see where you enable the Google maps feature within your website. Once you have obtained your Google maps API key you’ll need to enter it here.

step2

Step 3


Click on the “get one here” link (see screenshot above) to be directed to the Google Maps API website then click on “get key”.

step3

Step 4


Click and create a new project.

step4

Step 5


Give your project a memorable name and create/save the new project.

step5

Step 6


Once your new project is created click on the API Manager and click on credentials tab. From this page you’ll need to create a new API key credentials.

step6

Step 7


Now you need to select the browser key.

step7

Step 8


Once selected your new API key is created and ready to use. You can copy/paste this back into your WordPress admin area at any time.

step8

Step 9


We now need to enable the API services assigned to this API key.

step9

Step 10


Since we plan to use the Google maps function we need to enable Google maps API’s which include;

  • Google Maps JavaScript API
  • Google Maps Geocoding API
  • Google Places API Web Service <– important one
  • Google Maps Directions API
  • Google Maps Distance Matrix API
  • Google Maps Elevation API
  • Google Maps Geolocation API
  • Google Maps Time Zone API
  • – Google Maps Geolocation API
  • – Google Maps Time Zone API

For each of the services above, search and enable them within your Library.

 

Once you have enabled all of the services above your Google maps API key is ready to use.

step10

 

If you have any problems please let us know

 

Kind Regards

 

Mark Fail