Google Maps

How does Google Maps work on my website?

It is possible to show the organization or your park on the website by using the map widgets. To use these, you need a Google Maps API Key which needs to be entered at the organization settings.

If you show a map from Google Maps on a page of your website, each visit will connect to this Google Maps API. As of recently, the unlimited (free) use of the API is no longer allowed by Google and they have set a maximum of 25000 times a day. If you go over that number, you have to pay for the service. Most websites will not reach this number, so for those it will remain free of charge. However, you now have to request an API Key and enter it yourself, which allows Google to keep track of how often the service is used.

Request Google Maps API Key

To request your own API Key, please go through the following steps as well:

  1. Go to the Google Cloud Console;
  2. Log in using your Google Account;
  3. Accept the terms of service;
Configure Google Maps
  1. In the search bar, enter the term Maps;
  2. Select Maps JavaScript API;
Configure Google Maps
  1. Create a project;
Configure Google Maps
  1. At the project name, enter a desired name, for instance Maps API followed by your own domain name;
  2. Click Create to save the project;
Configure Google Maps
  1. Next, you can enable the Maps JavaScript API;
Configure Google Maps
  1. Navigate to the Login credentials tab;
  2. Click Create login credentials;
  3. Select API Key;
Configure Google Maps
  1. Copy the API Key, we will need it in a minute;
  2. Next, click Limit key;
Configure Google Maps
  1. By creating limitations at the domain name, you can prevent another party from using your API, which could cause you to exceed the 25,000 limit;
  2. At App limitations, select HTTP references (websites);
  3. At Accepting requests of this HTTP reference (websites), enter the following: *.mijnwebsite.nl
  4. Attention! If you have a multilingual website, you must enter all domains (.de, .com, .fr, etc.)
  5. Click Save to save the changes;
Configure Google Maps

Enter the Google Maps API Key in the CMS

25. Log into your administration in the ParkCMS;
26. Navigate to Settings > Organization settings;
27. In Integration under Google Maps API key, enter the API key that you copied in step 12;
28. Don't forget to save the settings.

Configure Google Maps

Set a billing account

To actually use the Google Maps API, the project created above must be linked to an approved invoicing account within the Google Cloud Console.

  1. Go to Invoicing
  2. Click on Add invoicing account
  3. Fill out the details
  4. Click on save
  5. Go back to Invoicing in the menu
  6. Click on the option to link the invoicing account to the project
set up an invoicing account

Upgrade

You may receive a notification about an update to unlock Google Cloud. At the top of the Google Cloud Platform, the following message will be shown: Upgrade now to unlock Google Cloud Platform. Click upgrade.

Upgrade