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 der står noget andet, så er der allerede oprettet et projekt, og du vil kunne se navnet på projektet. Ved at klikke på projektnavnet, så kommer du også til næste pop-op billede.

  

• 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”.
  I dette tilfælde kaldes projektet Mit-website.

  

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

Trin 3 - Opret 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å de 3 streger foran Google Cloud logoet og vælg:
  APIs & Services -> 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 + 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.

  

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

  2. Under Application restrictions skal du vælge “Websites”.

  3. Under Website restrictions klik på Add og udfyld feltet “website*”.

     Skriv linket til dit website på denne måde *.mitdomænenavn.dk/*
     hvor mitdomænenavn udskriftes med dit domænenavn.
     F.eks. ville det for BookingStudio være *.bookingstudio.dk/*.

     Du kan tilføje flere domænenavne og måder at skrive det på. Tilføj f.eks. også dette:
     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 for hvert website du opretter.

  • Google anbefaler, at du sætter indstillingerne for nøglen til Restrict key.

    

  • 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, så klik på Library i menuen til venstre.

  

• Klik på “View All (31)” for at se alle Google Maps API’er.

  

• Klik på kassen med Maps Embed API.

  

• Klik på Enable knappen.

  

Hvis du ikke har oprettet kreditkort (trin 5), så bliver du først ført igennem indstillinger for dette.

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).
Flere gange i processen vil Google forsøge at få dig til at tilknytte et kreditkort. Har du ikke været igennem processen, så kan det gøres nu.

1. Klik på de 3 streger foran Google Cloud logoet og vælg menupunktet Billing.

   

2. Tryk på Link a billing account og vælg Create billing account.

   

3. Du vil nu blive ført igennem et forløb på et par 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 menupunktet:
Billing (overview) og klik på Manage billing account.

Trin 6 - Find API Nøgle og kopier den til din hjemmeside

Hvis du ikke har fået kopieret API-nøglen kan du finde den via menuen:
APIs & 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.