Google Maps API Guide
Google requires that you create an API Key in order to display and use Google Maps on your website.
This walk-through will cover creating a new Project for this Google Maps API Key.
Logging into the Google Developer Console
To start you will need to log in to the Super Admin account for your site.
If you have not setup Google Maps on your website, you will be prompted with a popup window with a link to go to the Settings section.
If you are changing an existing API Key, or have closed the above-mentioned prompt window; select Settings from the Primary Navigation located in the top right corner of the REW CRM. This will bring you to the Lead Settings section. Scroll down until you find the Google Maps API Key.
Next; click the link on Step One, which takes you to the Google Developer Console.
Direct Link to General Dashboard
Direct Link to Create a New API
You will need to log in with your Google Account (same account used for Analytics, Ad-words, etc.) If you do not have an account simply sign up with your email address that you want to be associated with this task.
Creating a Project
Once signed into the Google Developer Console you will be brought to the dashboard. *For this walkthrough we will be creating a fresh project, however, you can edit an existing project to achieve the same results.
Select Create Project to begin.
On the next page, ask you to name your project. It is always best to name it in a way to easily identify what it is for. In this case, something Google Maps related.
Once you’ve named the project click Create and you will be brought back to the dashboard.
Creating the API Key
Click Credentials on the left-hand side then Create Credentials and select API Key.
After selecting API Key a window will pop up saying API Key Created. In here you will see your Google Maps API key. Click Restrict Key.
Key Restrictions
Application Restrictions:
Under Application Restrictions select HTTP referrers (websites), this will present you with additional options below.
This is the section where you will enter the approved domains that can use this API Key. You will need to follow the parameters found below in the guide. Replacing domainname with your website domain. If your site is in development; replace name.rewtemplates with your current development site.
*.name.rewtemplates.com/*
*.domainname.com/*
API Restrictions:
Next, we will need to configure the API Restrictions to allow the use of the different Map APIs.
Under the API Restrictions section, select the Restrict Key option.
From the API Restrictions, drop-down menu select the following APIs.
- Directions API
- Distance Matrix API
- Geocoding API
- Maps Elevation API
- Maps JavaScript API
Once both the Applications and API restrictions have been configured you can select Save.
Additional Required API’s to be Enabled for Maps
Google Maps requires some additional APIs enabled to support your Real Estate Webmasters website.
Within the Google Developer Console select the Library option from the left side Menu.
This will bring you to the API Library where you can select individual APIs to activate.
Using the Search Bar located at the top of the API Library search for the following APIs.
Google Places API Web Service
Search for Google Places API Web Service and select the Places API option.
On the Places API page select ENABLE.
After selecting ENABLE you will be brought to the Places API overview page. From here we will need to navigate back to the API Library.
Select the top left Menu and navigate to APIs & Services and select Library.
Next, you will need to search for another API to enable.
Maps Embed API
Search for Maps Embed API and select the Maps Embed API option.
On the Maps Embed API page select ENABLE.
After selecting ENABLE you will be brought to the Places API overview page. From here we will need to navigate back to the Credentials page.
Adding additional API’s to your API Key Restrictions
For these new APIs to work with your Google Maps API Key we will need to add them to your existing API Application Restrictions.
Select the top left Menu and navigate to APIs & Services and select Credentials.
On the Credentials page you will find a list of your API Keys. Here you will want to select your Google Maps API Key.
This will take you to the Restrict and rename API Key page. Here scroll down to the API Restrictions heading and use the drop-down menu to review your selected APIs.
You will need to select Maps Embedded API and Places API.
Once selected you can select save to finish your setup.
Adding the API Key to the CRM Settings Section
Once you’ve finished adding the additional API restrictions, from the Credentials Screen, copy your API key.
Once you have copied the API Key to your clipboard navigate to your Settings Section of your site (yourdomain.com is available for purchase - Sedo.com). When in the Settings section scroll down to the Google Maps API Key heading. Here there will be an API Key field where you can paste in your Google Maps API Key.
Once added you can save your CRM Settings page.
Enable billing for Google Maps
Beginning on July 16, 2018, you’ll need to enable billing with a credit card and have a valid API key for all Google Maps projects.
Setting up Billing Account
Go to https://console.developers.google.com/billing and click Add billing Account.
Next you will need to set your Country and accept the Google Cloud terms of service.
After agreeing to the Terms of Service you will be prompted to update your contact information…
… and your billing information
Click Start my free trial and you should be good to go!
