Skip to content
English
Contact us
  • There are no suggestions because the search field is empty.

How to setup Google Maps


Important

IMPORTANT: Since 11/06/2018, Google changed its API policy. This means that you no longer can get an API key without the use of a credit card. However, the first $200,00 a month won't be credited and will be free of cost. See this page for more details about the updated pricing.

First Steps

Our first step will be setting up an API key in Google Cloud Console. After logging in, you'll be greeted with the next screen

Next up, we will click on the button "Select a project", this will open a popup that'll show all the projects you have made in Google. Since we don't have any right now, we will continue by clicking "New project"

In the next screen, we can give our Project a name.

After creating, wait until you see the green checkmark appear, like in the following screenshot.

In the notification you can click "Select Project" to immediatly switch to your newly made project!

In the left hand corner, click on the icon next to Google Cloud to open the navigation.

Billing

In the navigation, click Billing. In this screen we can select our Billing when clicking Link a billing account.

Since we have no billing setup yet, the next popup will tell us that we need to enable billing first by navigating to Manage billing accounts

On this page, click Create account to setup a new billing account

This will show you the next screen, follow these steps to finish setting up the Billing account.

Enabling the JavaScript API Library

After setting up our Billing, we need to enable the Maps JavaScript API. To do this, open the navigation > API & Services > Library

This will show you all the API libraries, look for Maps JavaScript API. Click enable. You'll then see a popup to accept to the terms of service. In the input field, you fill in: confirm.

After enabling you'll see a popup that'll contain your API key, copy this to a safe location. Don't worry, you'll be able to find this key after the setup.

Click on "Go to Google Maps Platform", this will show you the next step, protecting your API Key. In the first dropdown, select Websites

In the referrer field you fill in your domainname, click on Restrict Key.

It's important to add asterisks (*) in front and at the end of your domain. This will make sure that all your pages and subdomains will be included too.

Adding necessary website restrictions

Afterwards, open the navigation in the top left corner > APIs & Services > Credentials

In this overview you can click on your newly made API key

At the bottom of the page we can find our Website Restrictions.

We already added our domain to it, make sure to add these as well:

*sitemn.gr/accountname/*

*sitemn.gr/users/accountname/*

*swcloud.net/users/accountname*

*yourdomain.be/*

Using the API Key in SiteManager

The last step is to add the API key in Sitemanager. We first need the Google Maps API Key Integration. Click Project > Upgrade Project

In this overview, navigate to Integrations

In this overview, click Add to site to install the Google Maps API Key

After installing the Integration, click Project > Tokens & API Keys

In the list, you'll find Google Maps, fill in your API Key

How to find your API Key after setup

If you forgot to copy your API Key, you can find it in Google Cloud Console, in the overview we added the website restrictions, on the start of the page, you'll see a button Show Key, click on this button to view your API Key