Kars Zijlstra

API Key aanmaken voor Google Maps

door Kars Zijlstra

Maak nu een API Key aan voor Google Maps op je website.

Maak nu een API Key aan voor Google Maps op uw website.

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 uw website te krijgen heeft u een API Key nodig. Dit is een unieke code die u in uw 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.

Wat is er op 16 Juli 2018 verandert?

Voor 16 Juli 2018 mocht een Google Maps kaartje maximaal 25.000 keer per dag bekeken worden. Ging u daar overheen? Dan betaalde u 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 uw website getoond wordt, betaalt u 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!

API Key aanmaken

Nu wilt u natuurlijk ook zelf een API Key aanmaken voor uw website. Maar hoe vraagt u een eigen Key aan? Volg dit simpele stappenplan en u heeft super snel uw eigen unieke API Key!

Mooi webdesign laten maken door webdesign bureau

Stap 1: Om te beginnen

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

Stap 2: Enable Google Maps Platform

U 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.

Stap 3: Select a Project

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

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

Stap 4: Set up your billing

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

Geef een naam op voor uw Billing Account, en geef uw bedrijfsnaam op.

Selecteer uw land en klik op Confirm.

Vul uw klant en kaartgegevens in.

Klik op Submit and enable billing. 

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

Stap 5: Aanmaken van API Credentials

Klik aan de linkerkant op Credentials.

Klik op de button Create credentials.

Stap 6: Genereer een API Key

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 uw klembord.
  • Ga naar de website instellingen van uw website en plak daarin de Key die u had gekopieerd.
  • Sla de instellingen op.

Restrict button

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

Selecteer HTTP referrers

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

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

Stap 7: Activeer de benodigde API functies

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

JavaScript API geactiveerd

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
voorbeeld van e-reader
Of u nu klant bij ons wordt of niet, doe uw voordeel met ons gratis e-book.

Uiteraard respecteren wij uw privacy conform de AVG!

dit veld niet invullen s.v.p.

Andere interessante artikelen

Die uw website tot een succes maken!

Benieuwd wat een meertalige website voor u kan betekenen?

In de meeste gevallen is het voor bedrijven van toegevoegde waarde om uw website in meer talen te hebben. Het spreekt een grotere groep mensen aan en daarnaast vergroot het in veel gevallen uw omzet.

Lees meer
Zoek gratis afbeeldingen en bewerk ze met deze tools!

Zoek professionele afbeeldingen en bewerk ze met deze tools!

Op zoek naar nieuwe beelden voor uw website? Dan helpen wij u graag op weg. Lees hier alle ins and outs van het zoeken, bewerken en optimaliseren van nieuwe afbeeldingen.

Lees meer
Wil je zelf landingspagina's aanmaken in Web Made Easy

Stappenplan voor het maken van de perfecte landingspagina in Web Made Easy!

Wij willen u graag op weg helpen om uw website zelf te kunnen optimaliseren voor de zoekmachines. Dankzij dit handige stappenplan kunt u zelf in 3 stappen uw landingspagina live plaatsen.

Lees meer
Website laten maken met een eenvoudig CMS beheer systeem
Alles wat je moet weten over jouw website
Terug naar blog overzicht

Copyright 2019 ©

Privacy - Cookies - Voorwaarden