Google Maps Api Key erstellen
  • Zuletzt aktualisiert am
  • Sonia Rieder
  • Webdesign
  • 12

Bisher war das Einfügen einer Google Map kein Problem. Plugin installieren, Koordinaten eintragen, fertig. Doch vor einiger Zeit hat Google seinen Karten-Service umgestellt. Für neue Webseiten benötigt man nun einen Google Maps Api Key. Wo und wie Du den API Schlüssel  anlegen kannst, erkläre ich in dieser Kurzanleitung.

Warum benötige ich einen Api Key?

Vor einiger Zeit hat Google die Nutzung seines Kartendienstes Google Maps umgestellt. Seither benötigt man zur Anzeige von Karten einen sogenannten Api Key. Ohne diesen Schlüssel wird statt einer Karte nur folgende Fehlermeldung angezeigt.

google maps fehlermeldung
Fehlt der Google Maps API Key, erscheint diese Fehlermeldung.

Wenn Du bereits vor der Umstellung Google Maps eingebunden hattest, werden die Karten auch weiterhin angezeigt. Allerdings könnte es sein, dass sich dies in nächster Zeit ändern wird.
Auch bietet der Kartendienst von Google nun mehrere Nutzungsmöglichkeiten an, die teilweise gebührenpflichtig sind. Für normale Webseiten genügt in der Regel jedoch das Standard-Nutzungsmodell.

Verwenden Sie das Standard-Nutzungsmodell für kostenlose und öffentlich zugängliche Apps/Websites.

Nutzungsmodelle Google Map APIs (Pricing & Plans)

Laut Preistabelle kann der Service kostenlos genutzt werden, solange die Anzahl der Karten-Aufrufe unter 25.000 liegt. Bei Überschreitung können weitere Kosten anfallen.

So legst Du einen Google Maps Api Key an

Auch ich musste zuerst suchen, wo und wie ich einen API-Schlüssel anlegen kann. Aber eigentlich ist es ganz einfach!

1. Anmeldung

Melde Dich zuerst bei Google an oder erstelle ein neues Konto.

2. Google Maps Platform aktivieren

Auf der Seite https://cloud.google.com/maps-platform/ klickst du auf “jetzt starten” und wählst bei Prodkut “Maps” aus.

Google Maps Platform aktivieren
Google Maps Platform

3. Projekt anlegen

Nach einem Klick auf “Weiter” kannst du dein Projekt anlegen und benennen.

Google Map Projekt anlegen
Projekt für Google Map anlegen

4. Projekt verwalten

Unter https://console.cloud.google.com/google/maps-apis/overview kannst du nun deine Projekte und auch die Google Maps Api Keys verwalten.

Diese Funktion ist vor allem nützlich, wenn Du mehrere Webprojekte hast. Somit kannst Du für jede Seite oder jeden Kunden einen eigenen API Key anlegen.

In der Übersicht wirst gleich darauf hingewiesen, deinen Api Key abzusichern.

API Übersicht
API Übersicht

5. API-Schlüssel einschränken und kopieren

API Key einschränken
Hier kannst du API Keys einschränken, umbenennen und löschen.

(A) Zuerst musst Du dem API-Schlüssel einen Namen geben. Somit wird die Verwaltung mehrerer Schlüssel übersichtlicher.

Direkt rechts daneben kannst du den API Key kopieren.
Anschließend fügst Du den API Schlüssel in Deine Webseite ein.
Das dafür vorgesehene Feld findest Du entweder in Deinem Google Maps Plugin oder in Deinen Theme-Optionen.

(B) Anschließend solltest Du den Schlüssel noch einschränken.
Dadurch kannst Du genau bestimmen, für welche Webseiten er genutzt werden kann. So erhältst Du für jede Webseite, Domain oder Subdomain einen eigenen API Key.
Darüber hinaus kannst Du Dir später genaue Informationen über die Nutzung der einzelnen API ansehen.

Damit es zu keinen Problemen kommt, solltest Du Deine Webseite nach folgendem Muster eintragen:

*.deineseite.de/*

(C) Sobald Du auf den Button “Erstellen” klickst, wird der Api Key angepasst.

Wenn du einen weiteren API Schlüssel anlegen möchtest, kannst du das auch über https://console.cloud.google.com/apis/credentials.

Anmeldedaten erstellen
Anmeldedaten erstellen

Google Maps & DSGVO

Wenn du die Goolge Landkarte in WordPress einbindest, solltest du auf jeden Fall einen Hinweis dazu in der Datenschutzerklärung einfügen. Denn laut DSGVO müssen Besucher über Verbindungen zu Drittanbietern informiert werden. Zudem dürfen externe Dienste, wie auch Google Maps, erst geladen werden, wenn der Benutzer seine Zustimmung erteilt.

Eine rechtskonforme Lösung bietet hier das Cookie-Plugin Borlabs Cookie. Neben den üblichen Funktionen enthält es auch einen Content-Blocker. D.h. beim Aufrufen der Seite wird keine Verbindung zu Google-Servern hergestellt. Stattdessen wird ein Platzhalter-Bild angezeigt. Und erst wenn der Besucher sein Okay gibt, wird die Google Map geladen.

Screenshot blockierte Google Map mit Borlabs Cookie.
Rechtskonforme Einbindung von Google Maps mit Borlabs Cookie.

Weitere Infos zum Plugin und dem Content-Blocker findest du in meinem Beitrag Borlabs Cookie 2.0.

Update der Google Maps Plattform zum 11.06.2018

Beginning on June 11, 2018, you’ll need to enable billing with a credit card and have a valid API key for all projects. This will give you the ability to scale easily with less downtime and fewer performance issues. In addition, we’re simplifying our 18 individual APIs into three products: Maps, Routes, and Places

Google Maps Platform

Vor einiger Zeit hat Google wichtige Änderungen zur Nutzung der Karten-Dienste veröffentlicht. Ab dem 11.06.2018 kann Google Maps nur noch mit einem gültigen API Key genutzt werden. Zusätzlich müssen auch Zahlungsinformationen (Kreditkarte) hinterlegt werden, wobei Google jedem Nutzer ein monatliches Guthaben von 200 Dollar gewährt.

Für die meisten User dürften jedoch keine zusätzlichen Kosten anfallen. Denn das Guthaben deckt z.B. den Aufruf von 100.000 statischen Karten ab. Eine Übersicht findest Du unter: https://cloud.google.com/maps-platform/pricing/sheet/

Einen Starter Guide sowie ein Transition Tools für bereits registrierte Nutzer ist unter https://cloud.google.com/maps-platform/user-guide/ erhältlich.

Dieser Beitrag hat 12 Kommentare

  1. User Avatar

    Hallo, ich stoße zur Zeit auf das gleiche Problem. Kann zwar einen API Key erstellen und auch einfügen aber die Fehlermeldung kommt trotzdem. Muss man da wirklich die Kreditkarte hinterlegen? Anders kann ich es mir bald nicht mehr erklären… habe alles andere schon ausgeschlossen.

    1. Webtimiser

      Hallo Melissa,

      für die Nutzung von Google Maps muss im Konto eine Kreditkarte hinterlegt werden, sonst kann die API nicht genutzt werden.

      Viele Grüße
      Sonia

    1. Webtimiser

      Hallo Jonas,

      vielen Dank für deinen Hinweis! Habe die Anleitung gerade etwas überarbeitet.

      VG Sonia

  2. User Avatar

    Bin nach dieser Anleitung vorgegangen und habe (vermutlich) auch alles richtig installiert, leider erfolglos, der beschrieben Fehler tritt immer noch auf….

    Wie & Wo kann ich denn kontrollieren, ob der Key nun installiert ist oder nicht, (bin halt kein Informatiker)

    1. Webtimiser

      Hallo,
      am besten schaust Du mal in die Browser-Tools: Auf der betreffenden Seite F12 drücken und dann im Tab Konsole die Fehlermeldung prüfen. Falls der Api-Key neu angelegt wurde, muss seit kurzem eine Kreditkarte hinterlegt werden – sonst funkioniert es nicht.
      VG Sonia

  3. User Avatar

    Hallo. Danke für die super Erklärung. Ich möchte meine map Adresse gerne ändern und habe versucht einen weiter Api Schlüssel zu erstellen. Der zeigt mir aber immer wieder nur die alte Adresse an. Kannst du mir sagen, wie ich das ändern kann ? Danke x

    1. Webtimiser

      Hallo Viktoria,
      meinst du die Sraßenadresse? Hierfür brauchst du eigentlich keinen neuen Api Schlüssel erstellen. Du kannst einfach in deinem Map-Plugin die neue Adresse eingeben.
      LG Sonia

  4. User Avatar

    Hallo Sonia, danke für diesen ausführlichen Beitrag. Bis zum letzten Punkt alles erledigt, aber es funktioniert immer noch nicht. Statt dem Map wird immer noch die Fehlermeldung angezeigt, und ich weis nicht, welchen Schritt ich falsch gemacht habe.

    1. Webtimiser

      Hallo Selda,

      versuche mal, die Einschränkung des Keys aufzuheben. Wenn es dann geht, ist Deine URL falsch eingetragen. Manchmal hilf es auch einen komplett neuen Key anzulegen.
      VG Sonia

  5. User Avatar

    Hallo, vielen Dank für deinen Beitrag! Ich habe das gleiche Problem. Mache die Webseite für einen Kunden. Ist nach Erstellen des Keys auch wirklich sicher, dass ich keine Schwierigkeiten bekomme, weil ich den Schlüssel erzeugt habe und nicht mein Kunde bzw. könnte ich irgendwann kostenpflichtig belangt werden? Wäre dankbar für deine Hilfe.

    1. Webtimiser

      Hallo Maxim,
      wenn ich die Preistabelle richtig gelesen habe, sind bis zu 25.000 geladene Karten pro Tag kostenlos. Sollte eigentlich keine Probleme geben. Was genau passiert, wenn das Kontingent aufgebraucht ist, weiß ich leider auch nicht. Aber vermutlich wird man von Google eine Info bekommen.
      VG Sonia

Schreibe einen Kommentar

Menü schließen