Reservety Help

Navigation

Website Design

Google Maps

For Google Maps to work, we need to create Map APIs and enter it into WP Google Map Pro. Follow the tutorial below to create API.

Creating APIs

 1. APIs We Need

For Google Maps to work, we need an API key: Google Maps API key

 2. Go to Google Cloud Console

To start creating APIs go to https://console.cloud.google.com/ and create an account or use an existing Google account

3. Add a Billing Account

For the API services to work, we need to add a billing account. Click on the three-line icon on the top left and click on billing.

Note: The billing account is used by Google to make sure the services are not spammed and you will be charged when the services are used by a high amount of web traffic.

4. Link Billing Account or Add New

You can link a Google Adword account or add a new account by entering your details.

Note: The billing details are used to ensure you are not a robot and services are not spammed or misused. You are charged only when the services are used prolifically.

5 . Add New Project

After you have added a billing account. Create a New Project by first clicking on the dropdown right of the Google Cloud Platform logo and then clicking on ‘New Project’

6 . Enter a Project Name

Next enter your project name. You can enter your store name.

7 . Select Your Newly Created Project

Now select your project from the notification on the top-right.

8 . Enable APIs

9. Search and Enable All APIs Services

Now enable each of the required API services at once by clicking this URL http://bit.ly/29Rlmfc

First, confirm project, Enable APIS by clicking enable, get API key by clicking create.

Required APIs are:

  • Maps JavaScript API
  • Geocoding API
  • Directions API
  • Distance Matrix API
  • Maps Elevation API
  • Places API

10. Edit API Key

Once you get the API key, click the Edit key on the top-right. 

11. Enter API Details

Enter API key detail:

Project Name: Google Maps API Key

Application Restriction: HTTP Referrer

Website URL: Enter Website URL (without www)

API Restriction: Select Restricted Radio Button

and then search and checkmark all enabled APIs, we enabled earlier

  • Maps JavaScript API
  • Geocoding API
  • Directions API
  • Distance Matrix API
  • Maps Elevation API
  • Places API

Finally Click the Save button

12. Use API Keys

Copy API key

13. Paste Google Map API key

Go to WP Google MAP Pro > Plugin setting > paste it in the box shown in screenshot.

14. Save

Click the ‘Save’ button at the bottom to save