Karten: Google Maps API Key (Schlüssel)

Google Maps API Key

Google Maps stellt sein Kartenmodul nach wie vor kostenlos zur Verfügung. Allerdings benötigt man zur Nutzung einen sogenannten API Key (API Schlüssel).

Schritt 1: Anmeldung Google Developer Center

Um einen API Schlüssel zu erstellen, melde dich bei der Google Developerkonsole an: Google Developer Consol

Schritt 2: API Projekt erstellen

Sobald du angemeldet bist, wirst du aufgefordert ein neues Projekt zu erstellen. Erstelle jetzt ein neues Projekt.

Google-Api-01

Du kannst deinem Projekt einen beliebigen Namen geben. Ich nenne mein Projekt "GoogleMaps". Wenn du eine https-Domain hast, kannst du diese unter registrieren. TIPP: Lass das Feld HTTP-Referrer einfach leer, so kannst du die API ohne Einschränkung nutzen.  Google-Api-02

Schritt 3: API Schlüssel erstellen

Okay. Wenn du auf "Erstellen" drückst, bekommst du deinen API Schlüssel angezeigt.

Google-Api-03

Schritt 4: API Schlüssel in den Theme Optionen einfügen

Kopiere deinen "Schlüssel" und füge diese in deinen Theme Optionen ein: DIVI > THEME OPTIONEN > GOOGLE API KEY

Google-Api-04

Tipps bei Problemen

Manchmal wird die Karte nicht korrekt oder gar nicht geladen. Google hat seine Google-API geändert. Bei einigen Kunden hat dieses Vorgehen geholfen:

Schritt 1: Deaktiviere unter Theme Options > General Settings > Google Maps API Key einmal den Punkt Google Maps.

Schritt 2: Erstellen einen neuen API-Key. 

Schritt 3: Achte bei dem neuen Key darauf, dass die „key restriction“ auf „none“ gestellt ist.

Schritt 4: Aktiviere beim Key zusätzlich

  • „Google Maps Geocoding Api“
  • „Google Maps javascript Api“
  • „Google maps direction Api“
  • „Google Maps Distance Matrix Api“
  • „Google Maps Elevation Api“.

Screenshot:

Du fügst diese APIs über die Bibliothek (Library) hinzu.

Screenshot:

Vergiss nicht, diese dann im letzten Schritt zu aktiveren.

Screenshot:

Schritt 5. Aktiviere in den Theme Optionen den Punkt Maps und kopieren den neuen Key in das vorgesehene Feld. Achte darauf, dass du KEINE Freizeichen vor oder nach dem Code hast.

(Deaktiviere alle anderen Google-Karten-Plugins)