Google Maps

Hoe werkt Google Maps op mijn website?

Het is mogelijk om jouw organisatie op de kaart te tonen op de website middels de 'kaart widget'. Om deze widget te kunnen gebruiken heb je een Google Maps API Key nodig, welke bij de organisatie instellingen ingevoerd dient te worden.

Als je een kaart van Google Maps op een pagina van je website toont, wordt er bij elk bezoek aan deze pagina verbinding gemaakt met de Google Maps API. Sinds juli 2018 heeft Google besloten om een maximum van 25000 keer per dag te stellen aan het gebruik. Ga je over dit maximum heen, dan moet je voor de dienst betalen. De meeste websites redden zich goed met deze limitatie, hiervoor zal de integratie met Google Maps dan ook gratis blijven. Google gaat vanaf nu meten hoevaak er gebruik gemaakt wordt van de dienst. Daarvoor moet je nu zelf een API Key aanvragen en invoeren.

Google Maps API Key aanvragen

Om een eigen API Key aan te vragen dien je de volgende stappen te doorlopen:

  1. Ga naar de Google Cloud Console;
  2. Log in met je Google Account;
  3. Accepteer de servicevoorwaarden;
Google Maps instellen
  1. Voer in de zoekbalk de term Maps in;
  2. Kies voor Maps JavaScript API;
Google Maps instellen
  1. Maak een project aan;
Google Maps instellen
  1. Voer bij de projectnaam een gewenste naam in, als voorbeeld Maps API- gevolgd door je eigen domeinnaam;
  2. Klik op Maken om het project op te slaan;
Google Maps instellen
  1. Vervolgens kun je de Maps JavaScript API inschakelen;
Google Maps instellen
  1. Navigeer naar het tabblad Inloggegevens;
  2. Klik op Inloggegevens maken;
  3. Kies API-Sleutel;
Google Maps instellen
  1. Kopieer de API-Sleutel, deze hebben we zometeen nog nodig;
  2. Klik vervolgens op Sleutel beperken;
Google Maps instellen
  1. Door beperkingen op domeinnaam in te voeren voorkom je dat een andere partij jouw API gaat gebruiken, waardoor je het limiet van 25.000 zou kunnen overschrijden;
  2. Kies bij App-beperkingen voor HTTP-verwijzingen (websites);
  3. Voer bij Verzoeken van deze HTTP-verwijzing (websites) accepteren het volgende in: *.mijnwebsite.nl
  4. Let op! Wanneer je een meertalige website hebt, dien je alle domeinen in te voeren (.de, .com, .fr, etc.)
  5. Klik op Opslaan om de wijzigingen op te slaan;
Google Maps instellen

Google Maps API Key invoeren in het CMS

19. Log in bij je administratie in het ParkCMS;
20. Navigeer naar Instellingen > Organisatie instellingen;
21. Voer bij Integratie onder Google Maps API key de API key in die je bij stap 12 hebt gekopieerd;
22. Vergeet niet om de instellingen op te slaan.

Google Maps instellen

Facturatieaccount instellen

​Om daadwerkelijk gebruik te kunnen maken van de Google Maps API, dient het hierboven aangemaakte project gekoppeld te zijn aan een goedgekeurd facturatieaccount binnen de Google Cloud Console.

23. Ga naar Facturering
24. Klik op Factureringsaccount toevoegen
25. Vul de gegevens in
26. Klik op opslaan
27. Ga terug naar Facturering in het menu
28. Klik de optie om het facturatieaccount te linken aan het project

facturatieaccount instellen

Upgrade

Je kunt een melding krijgen voor een update om Google Cloud te ontgrendelen. Je krijgt dan bovenin Google Cloud Platform de volgende melding te zien: Upgrade nu om Google Cloud Platform te ontgrendelen. Klik op upgraden

Upgrade