Did You Know?

Your Success That's Our Business

Google Maps API Setup

Author: admin 46 views

The Airent maps are provided by Google Maps and they require an API key to make them work. To use the Maps JavaScript API, you must register your app project on the Google Cloud Platform Console and get a Google API key which you can add to your app.

Get Google Maps API key

To use the Maps JavaScript API, you must register your app project on the Google Cloud Platform Console and get a Google API key which you can add to your app.

Step 1: Get an API Key from the Google Cloud Platform Console

Click the link below, which guides you through the process of registering a project in the Google Cloud Platform Console, activates the Maps JavaScript API and any related services automatically, and generates a generic, unrestricted API key.

Start Here

By clicking the link Star Here you will be redirected to a page where you will see the image here below.

Select Maps and click Continue.

Screen-Shot-2018-06-06-at-3.07.45-PM.png

Create a New Project and enter the new project name as displayed in the image below. You can use any name you prefer. Click Next

Group-77.jpg

By clicking Next, you will be redirected to a page where Google asks you to create a billing account. Click on Create Billing Account as displayed in the image here below.

Group-78.jpg

Enter a name for your billing account and click Continue as displayed in the image below.

Screen-Shot-2018-06-06-at-3.15.54-PM.png

Select your country and currency and click Confirm as displayed in the image below.

Screen-Shot-2018-06-06-at-3.16.34-PM.png

Fill the form displayed in the image below with your name and address, privacy contact and payment method. Click on Submit and Enable Billing.

Google-Chrome_2018-06-06-15-25-33.png

You will be redirected to a page as displayed in the image below. Click Next.

Screen-Shot-2018-06-06-at-3.27.54-PM.png

You’re all set! Find the API Key code as displayed in the image below. Copy the code and click on Done.

 Teampaper-Snap_2018-06-06-15-31-39.png

Step 2: Add the API key to Airent

To enable the Google Maps API access your admin panel and navigate to Airent Options > Google Maps Settings. We strongly encourage you to get an APIs Console key and post the code in Theme Options.

Google Maps API KEY: Enter your google maps api key.

Google Maps SSL: Use Google Maps with SSL Select Yes if your domain is under http:// or use SSL

Marker Type: Select the marker type for Google Map, options available are Price Pins (to display the listing price) or Marker Icon

Enable API Services

Follow the instructions below to enable Geocoding, Places and Gelocation API services.

Step 1 – Access the Google Cloud Platform here http://console.cloud.google.com/home/dashboard and on the top blue bar be sure you are in your right API project.

Group-79.jpg

Step 2 – From the left sidebar select APIs & Services > Library 

Group-80.jpg

Step 3 – Click on Maps Javascript API

Google-Chrome_2018-06-19-14-11-22.png

Step 4 – Click on Geocoding API as displayed in the image below.

Google-Chrome_2018-06-19-14-12-40.png

Step 5 – Click on Enable as displayed in the image below.

Google-Chrome_2018-06-19-14-14-15.png

Step 6 – Go back to the previous page and click on Place API as displayed in the image below.

Google-Chrome_2018-06-19-14-23-53.png

Step 7 – Click on Enable as displayed in the image below.

Google-Chrome_2018-06-19-14-24-40.png

Step 8 – Go back to the previous page and click on Geoconding API

Group-87.jpg

Step 9 – Click on Enable as displayed in the image below.

Group-88.jpg

You are all set.

On this page
Loading...