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.
Ausführliche Informationen findest Du unter: https://developers.google.com/maps/pricing-and-plans/

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

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. API Key anfordern

Auf der Seite https://developers.google.com/maps/documentation/javascript/ findest Du gleich oben rechts den Button „Schlüssel anfordern“.

 

Google Maps Api Key erstellen

3. Google Maps JavaScript API aktivieren

 

google-maps-api-key-02

4. Projekt erstellen

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.

google-maps-api-key-03

Anlegen eines Projektes

5. API Zugangsdaten

API Zugangsdaten

Festlegen der API Zugangsdaten

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

(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 erstellt.

6. API Schlüssel kopieren und einfügen

Google Maps APi Schlüssel

Der API-Schlüssel wurde erstellt

Der Google Maps Api Key wird in einem Popup-Fenster angezeigt und kann einfach kopiert werden. 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.