How to setup a Google Maps API Key for WordPress

Add Google Maps to your WordPress website in 5 easy steps

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

Related Posts

WordPress Theme Update 10.3.3

Today we are happy to announce the release of version 10.3.3 😊 This updated includes new WordPress theme features, code optimization and bug fixes found in earlier versi...

PremiumPress Version 10.3.0 – Available Now

Today we are happy to announce the release of version 10.3.0 Version 10.3.0 fixes a few important bugs found in 10.2.8 along with improved features and add-ons. [SOCIAL] 1...

PremiumPress WordPress Themes – Version 10.2.7 – New Update

Today we are pleased to announce the release of version 10.2.7. This new framework release brings with it some eagerly awaited features, improvements and bug fixes. [SOCIAL] ...

Subscribe to our newsletter!

We'll keep you updated with the latest theme updates.