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.

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

• Når du er inde skal du først vælge projekt. I dette tilfælde er projektet dit website.

• Hvis du ikke kan finde et projekt til dit website, skal du oprette et nyt projekt til det.

Trin 3 - Slå API'er til for dit projekt

For at benytte Google Maps skal du slå API'er til for dit projekt. Følg guiden nedenfor.

• Kontrollér først at du står på dit nye projekt (den grønne pil)
• 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.

Trin 4 - 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"

  

Trin 5 - Konfigurer din API nøgle

For at sikre at din nøgle kun benyttes til dit website skal vi ind konfigurere hvor nøglen må bruges.

• VIGTIGT: Når API nøglen er oprettet skal du først kopiere nøglen til et andet dokument.
  Du skal klikke på ikon-knappen til højre for API nøglen for at foretage copy'n'paste.
  Indsæt f.eks. nøglen i et tomt Word dokument eller et tomt notat felt.
• Klik herefter på "Restrict key" for at gå til indstillinger for API-nøglen.

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

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/*".
4. Klik på "Done"

• Klik "Save" knappen for at gemme indstillingerne

  

Trin 6 - Giv adgang til endnu et Google Maps API (Embed)

Google Maps API består af flere API'er. For at sikre at vi kan benytte de relevante API, skal vi 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
  

Trin 7 - 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 8 - Indsæt API nøgle i Umbraco (hjemmeside løsning EFTER 2021)

• 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 du får problemer undervejs er du velkommen til at kontakte os på [e-mail]

Hvis Google maps ikke virker

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