Google - Opret API nøgle til Google Maps

For at benytte Google Maps på de hjemmesider du har hos os, skal du oprette en API nøgle hos Google som skal indtastes i Umbraco på dit website.

Processen er følgende:

• Log ind i Google Developer Console
• Opret et projekt
• Opret en API-nøgle
• Tilknyt en API
• Opsæt en faktureringskonto for, at nøglen kan bruges
• Find API nøglen og kopier den til din hjemmeside

Følgende guide viser dig hvordan du opretter en API nøgle hos Google.

Trin 1 - Log ind i Google Developer Console

• Åbn din internet browser (f.eks. Firefox) og gå til Google developer console.
• Hvis du ikke er logget på med en Google konto skal du først logge ind

Trin 2 - Vælg eller opret projekt for dit website

• Tryk "Select a project" øverst på siden.

• Hvis du ikke kan finde et projekt til dit website, skal du oprette et nyt projekt til det.
  Klik på "New Project" yderst til højre i linjen i vinduet, som popper op.

• Angiv et navn til dit projekt (f.eks. Bureaunavn uden æ,ø og å) og tryk på "Create".

Der er nu oprettet et projekt, som du kan aktivere API'er på.

Trin 3 - Opret en API nøgle

Du kan nu tilføje en API-nøgle til projektet. Den følgende gennemgang antager, at du står i det projekt, du vil tilføje nøglen til.

Slå API'er til for dit projekt.

• Kontrollér først, at du står på dit nye projekt (den grønne pil)
  Tjek at projektets navn nu står med den tekst, du netop har oprettet.
  Hvis der står noget andet end dit projekts navn, tryk på filen for at finde det nye projekt.
  
  
• Klik på "Enable APIs and services" eller "Library"
  
  
• Klik på rubrikken med "Maps JavaScript API"

• Klik på knappen "Enable"
  
  Hvis du IKKE har tilknyttet et kreditkort til Google maps platform endnu, så bliver du først guidet til opsætningen af kontoen (se afsnittet "Trin 5" i denne artikel).

Oprette API nøgle (credentials)

• Klik på menupunktet "Credentials"

  

• Klik på linket "Credentials in APIs & Services"

  

• Klik på linket "+ CREATE CREDENTIALS"

• Vælg "API key"

  

  Du vil få vist en dialog-boks, som indeholder et tekst-felt med den generede API-nøgle.
  
  
• VIGTIGT: Tag en kopi af denne nøgle ved at trykke på ikonet i enden af tekst-boksen, da det er denne, du skal bruge på din hjemmeside. Indsæt f.eks. nøglen i et tomt Word dokument eller et tomt notat felt.

Trin 4 - Tilknyt en API

Konfigurer din API nøgle

• For at sikre at din nøgle kun benyttes til dit website, skal du ind og konfigurere, hvor nøglen må bruges. Trykke på "Restrict Key".
  
  Du er nu i indstillingerne for API-nøglen.

• Giv din API nøgle et navn (f.eks. domænenavn for dit website efterfulgt af teksten " API key")

1. 1. Under "Application restrictions" skal du vælge "HTTP referrers (web sites)"
      
      
   2. Klik derefter på "Add an item" under "Website restrictions"
      
      
   3. Udfyld feltet "Referrer" med teksten "*.mitdomænenavn.dk/*"
      hvor "mitdomænenavn" udskriftes med dit domænenavn.
      F.eks. ville det for BookingStudio være "*.bookingstudio.dk/*".
      
      Du kan også tilføje: https://mitdomænenavn.dk/* (husk https og tegn:///*),
      og du kan tilføje domænenavnet for udviklings websitet, hvis du gerne vil se, at Google map virker på websitet inden det går live.
      
      
   4. Klik på "Done"

• Klik "Save" knappen for at gemme indstillingerne

  

Giv adgang til endnu et Google Maps API (Embed)

Google Maps API består af flere API'er. For at sikre at du kan benytte de relevante API, skal du her slå Embed API til.

• Når indstillingerne er gemt skal du tilbage til oversigten "Dashboard"

  
  
  

• Klik på "+ Enable Apis and Services" eller "Library" i menuen
  

  
  
  

• Klik på "View All (17)" for at se alle Google Maps API'er.
  
  
  
• Klik på Maps Embed API rubrikken
  
  
  
• Klik på "Enable" knappen
  

Kontrollér at din API nøgle er oprette med adgang til de rigtige API'er

• Klik på menupunktet "APIs" over til venstre

• Du skulle gerne kunne se 2 API'er som vist ved de grønne pile ovenfor

Trin 5 - Opsæt en faktureringskonto for, at nøglen kan bruges

For at kunne benytte premium services i forbindelse Google's API, skal der oprettes en faktureringskonto (billing account).

1. I bruger-menuen tryk på Billing.
   
2. Tryk på "Add billing account".
3. Du vil nu blive ført igennem et forløb på 3 sider, som skal udfyldes med de relevante oplysninger. Tryk på "Submit and enable billing" på den sidste side, når alle oplysninger er udfyldt.

Du bør nu kunne se, at dit projekt er tilknyttet faktureringskontoen ved at gå til Billing (Brugermenu -> Billing) og så vælge fanen "My projects".

Trin 6 - Find API nøglen og kopier den til din hjemmeside

Hvis du ikke har fået kopieret API-nøglen kan du finde den via bruger-menuen:
APIs and Services -> Credentials.
Her kan du se nøglen og kopiere den til din udklips-holder ved at klikke på ikonet ved siden af nøglen.

Indsæt API nøgle i Umbraco

• Log ind i din umbraco og gå til området "Content".
• Under hvert sprog skal Google Maps API nøglen indsættes i Indstillinger -> Google Maps

Nu skulle du gerne kunne benytte Google Maps i din hjemmeside løsning.

Hvis Google maps ikke virker

Se denne artikel for at finde årsager: Google Maps virker ikke