Google Maps (pro feature)

Pro Feature

Under the Google Maps section, you have to provide credentials that will be used by your website to display maps.

• Google Maps API - enter the API credential for the Google Maps

• Custom Google Maps pin image - upload the pin image that will be used instead of Google Maps's default pin icon

Here are some examples of Google Maps from the Motors Starter Theme:

Landing Page

Screenshot from the Motors Starte Theme

Listing Page

How to Obtain Google Maps API?

Note that, to get credentials for Google Maps, you will be required to set up Billing details. But do not worry, actual usage of the Google Maps platform is Free of charge.

1. Go to the Google Cloud Console.

1. Click on "Create Project" to start a new Cloud project.

1. Fill in the details and click Create.

First, make sure you've set up a billing account and created a project in the Google Cloud Console. Don't worry, actual usage of the Embed API is free of charge.

1. On the project selector page, this popup will show up. You need to ensure that billing is enabled for your Cloud project. To do that, click on Link a Billing Account.

1. If you don't have any billing accounts you should create one by clicking Create Billing Account.

1. Fill in the account information, choose the country, and click Agree & Continue.

1. You need to fill in the payment verification information.

1. After setting up, you can start using the Google Maps Platform APIs and SDKs. You can find the Google Maps Platform APIs and SDKs that you can enable by visiting the Maps API Library page in the Cloud Console and clicking on the project.

1. The API key will show up and you need to copy that API key.

1. To use the Google Maps Platform, enable Maps JavaScript API for your project from this page.

1. Paste the API key to the designated area in the plugin settings.

And you are done!