Hämta API-nyckel för Google Maps

Hej och välkommen! Denna lathund visar dig hur du enkelt hämtar en API-nyckel för att integrera Google Maps interaktiva karta på din webbplats. Innan vi börjar, se till att du har ett Google-konto. Om du inte har ett, kan du skapa ett här.

👋 Tips! Kika in på vanliga frågor och felsökning.

Steg 1: Skapa ett Google Cloud-konto

  1. Gå till Google Cloud Console.
  2. Logga in med ditt Google-konto eller skapa ett nytt.

Steg 2: Aktivera billing/fakturering

Nu behöver vi aktivera fakturering så att vi kan använda Googles tjänster:

  1. I menyn till vänster, gå till Billing.
  2. Klicka på Create account.
  3. Följ instruktionerna för att ange ditt namn, adress och betalningsmetod (t.ex. kreditkort). Google behöver bara verifiera att du inte är en robot, så din kortinformation kommer inte att debiteras förrän du uppgraderar till ett betalt konto.

Steg 3: Skapa ett nytt projekt

Nu är det dags att skapa ett projekt för din API-nyckel:

  1. Klicka på Select a project i det övre vänstra hörnet.
  2. Välj ett tidigare projekt eller klicka på New Project.
  3. Ge projektet ett namn (tex. “webbplatsens namn maps”) och klicka på Create.

Om du inte redan aktiverat billing så kommer du nu att behöva göra det. Du kommer att omdirigeras till “Account Information”.

Steg 4: Aktivera Google Maps API & Geocoding API

  1. I Google Cloud Console, se till att ditt projekt är valt.
  2. Gå till APIs & Services -> Library.
  3. Sök efter Maps JavaScript API och aktivera genom att klicka på rutan och sedan på knappen Enable.
  4. Sök sedan efter Geocoding API och aktivera genom att klicka på rutan och sedan på knappen Enable.
  5. Kopiera koden i rutan för Your API Key och spara den. Glöm inte att skicka nyckeln till din projektledare!
Screenshot

Skydd av API-nyckel:

Nu ska vi skydda din API-nyckel, vilket är superviktigt för att förhindra obehörig användning.

5.  Du bör se rutan "Protect your API key".

6.  Om du inte ser den kan du lägga till skyddet senare (se steg 6).

7.  Välj Websites under Select restriction type.Skriv in din domän (t.ex. *thegeneration.se/*). Stjärnorna behövs så att det fungerar på alla undersidor.

Screenshot

Kom ihåg att också lägga till “https://dindomän.se/*” samt “dev.tgen.se” så att det fungerar på vår utvecklingsserver också! Gå till APIs & Services -> Credentials, klicka på din nyckel, och under Website restrictions klicka på Add. Lägg till  https://dindomän.se/* och dev.tgen/*. Om du har flera språk eller domäner, lägg till dem också (t.ex. *thegeneration.fi/*). Avsluta med att klicka på Save.

Skapa en ny API-nyckel

Om du behöver skapa en ny API-nyckel, följ dessa steg:

  1. Gå till APIs & Services -> Credentials.
  2. Klicka på Create Credentials och välj API Key.
  3. Följ instruktionerna från steg 4 för att aktivera och skydda nyckeln.

Skydda din API-nyckel

Så här lägger du till skydd för din API-nyckel.

  1. I menyn till vänster, gå till APIs & Services -> Credentials
  2. Klicka på namnet på den nyckel du vill skydda.
  3. Under rubriken Website restrictions klickar du på Add. Skriv in din domän (tex *thegeneration.se/*). Stjärnorna behövs för att det ska fungera på alla undersidor på din webbplats samt om du använder www eller ej.
  4. Lägg även till https://dindomän.se/* och dev.tgen/* så att det fungerar på vår utvecklingsserver också.Om du har flera språk eller domäner så fyller i dem också (tex *thegeneration.fi/*).
  5. Scrolla längst ner och klicka på save.

Vanliga frågor och felsökning

Kostar det pengar att använda Google Maps på min webbplats?
Google erbjuder en gratis nivå som är tillräcklig för grundläggande behov. Om din webbplats har hög trafik eller om du behöver avancerade funktioner kan det dock tillkomma kostnader. Det är bra att kontrollera Googles prissättning för Maps API för att se hur det kan påverka just din användning.

Kan jag testa Googles API utan att aktivera fakturering?
Nej, du måste aktivera fakturering för att kunna använda Google Maps API, även om det finns gratis nivåer.

Vad ska jag göra om jag får felmeddelanden när jag försöker använda Google Maps?Kontrollera först att rätt API är aktiverat och att din API-nyckel är korrekt. Titta också på eventuella felkoder i konsolen för mer specifik information om vad som kan vara fel. Du kan alltid kontakta Generations support för hjälp!

Hur länge är min API-nyckel giltig?
Din API-nyckel är giltig så länge du inte tar bort den eller inaktiverar den i Google Cloud Console. Håll den dock säker och skyddad!

Vad gör jag om jag inte ser “Protect your API key”?
Ingen fara! Du kan lägga till skyddet senare via APIs & Services -> Credentials.

Kan jag använda API-nyckeln på flera webbplatser?
Ja, men du måste lägga till varje domän under "Website restrictions" för att säkerställa att nyckeln fungerar korrekt på alla platser.