API Key aanmaken voor Google Maps

Veel bedrijven hebben een Google Maps kaartje op hun website. Meestal wordt zo’n kaartje gebruikt om de locatie van het bedrijf weer te geven. Een bezoeker hoeft hier alleen maar op te klikken en de route wordt direct getoond in Google Maps. Heel handig! Om zo’n Google Maps kaartje op jouw website te krijgen heb je een API Key nodig. Dit is een unieke code die je in jouw website moet zetten om toegang te krijgen van Google Maps.

Sinds 16 Juli 2018 zijn alleen wel de voorwaarden voor een API Key verandert. Vanaf die datum worden er namelijk andere kosten in rekening gebracht bij het gebruik van een API Key.

Voor 16 Juli 2018 mocht een Google Maps kaartje maximaal 25.000 keer per dag bekeken worden. Ging je daar overheen? Dan betaalde je per 1.000 views 0,50 dollar extra. Echter is deze voorwaarde sinds 16 Juli 2018 verandert.

Voor iedere keer dat een Google Maps kaartje nu 1.000 keer op jouw website getoond wordt, betaal je een bedrag van 7 dollar. Dat is 0,007 dollar per view.

Voor kleine bedrijven kunnen deze bedragen te hoog worden. Daarom heeft Google hier iets op bedacht. Vanaf 16 Juli 2018 krijgt iedere Google gebruiker met een API Key een maandelijks tegoed van 200 dollar gratis. Dit bedrag wordt elke maand weer aangevuld. Dus nu kan elke API Key ruim 28.000 views per maand krijgen zonder dat het iets kost!

Navigeer naar​ ​Google Maps Platform​ en klik op de Get Started button rechts bovenin op de website.

Je krijgt nu een pop-up te zien met de titel Enable Google Maps Platform. Vink de Maps, Routes en Places checkbox aan en klik op continue.

Wanneer je voor de eerste keer een API Key aanmaakt, moet je een nieuw project aanmaken.

• Geef jouw Project een naam.
• Klik dan op de button next rechts onderin.

Wacht op het scherm van de facturering en selecteer Create Billing Account.

Nu jouw billing gegevens ingesteld zijn, kan je doorgaan naar het aanmaken van een API Key.

Klik aan de linkerkant op Credentials.

Klik op API Key dat verschijnt in het pop-up venster.

• Copy the generated API Key to your clipboard. Kopieer de gegenereerde API Key naar jouw klembord.
• Ga naar de website instellingen van jouw website en plak daarin de Key die je had gekopieerd.
• Sla de instellingen op.

Nadat je de API Key hebt opgeslagen bij de website instellingen ga je terug naar de Google API Manager. Hier moet je de API Key nog enkele restricties meegeven om te voorkomen dat het gehacked wordt of dat je over de quota heengaat. Klik hiervoor op de restrict button in het pop-up venster met de titel API Key created.

Selecteer HTTP referrers (web sites) en vul jouw domeinnamen in onder Accept requests from these HTTP referrers (web sites). En vervang dan yourdomain.com met jouw eigen domeinnaam.
*.domain.com/* ​en ​*domain.com/*

Klik op de Save button om de Key restricties op te slaan.

Nu moet je nog de benodigde API functies aanzetten voor het project dat je hebt aangemaakt. Klik op de Library link aan de linkerkant en klik daarna op de Google Maps JavaScript API blok.

Waarschijnlijk zal de JavaScript API al geactiveerd zijn zoals aangegeven in de afbeelding hiernaast. Wanneer de JavaScript API niet is geactiveerd, klik dan op Enable in de Google Maps JavaScript API venster.

In sommige gevallen activeert Google niet alle benodigde API’s en zal je deze handmatig moet activeren. Dit zijn dezelfde stappen als hierboven beschreven voor de JavaScript API. Hieronder een lijst wat geactiveerd dient te zijn:

• Google Street View Image API
• Google Maps Distance Matrix API
• Google Places API Web Service
• Google Maps Geolocation API
• Google Maps Geocoding API
• Google Maps Directions API