Google-Maps-API-Dienste einrichten

Mit dieser Anleitung richten Sie Google-Maps-API-Dienste für eine Webseite ein.

Abbildung 1: Google-Cloud-Dashboard

Projekt erstellen

1. Wählen Sie im Dashboard Projekt erstellen.
2. Geben Sie unter Projektname einen Namen ein, zum Beispiel Webseite.
3. Wählen Sie Erstellen.

Abbildung 2: Neues Google-Cloud-Projekt erstellen

API-Einstellungen öffnen

1. Wählen Sie im Projekt Zu den Projekteinstellungen oder Zur API-Übersicht.
2. Wählen Sie + APIs und Dienste aktivieren.

Abbildung 3: Projekteinstellungen öffnen

Abbildung 4: API-Übersicht öffnen

Maps JavaScript API aktivieren

1. Suchen Sie in der API-Bibliothek nach maps javascript api.
2. Wählen Sie das Suchergebnis Maps JavaScript API.
3. Wählen Sie Aktivieren.
4. Falls Google die Bestätigung der Nutzungsbedingungen verlangt, geben Sie Bestätigen ein und wählen Sie Akzeptieren und weiter.

Abbildung 5: Maps JavaScript API suchen

Abbildung 6: Maps JavaScript API auswählen

Abbildung 7: API aktivieren

Abbildung 8: Nutzungsbedingungen bestätigen

API-Schlüssel erzeugen

1. Kopieren Sie nach der Aktivierung den angezeigten API-Schlüssel über das Kopiersymbol.
2. Bewahren Sie den Schlüssel sicher auf.
3. Wählen Sie Zur Google Maps Platform.

Abbildung 9: API-Schlüssel kopieren

API-Schlüssel einschränken

Die Einschränkung verhindert, dass der Schlüssel außerhalb Ihrer Webseite oder für nicht benötigte APIs verwendet wird.

Anwendung einschränken

1. Wählen Sie unter Anwendungseinschränkungen den Typ Websites.
2. Tragen Sie unter Website-Einschränkungen die URL Ihrer Webseite ein, zum Beispiel *.ihre-domain.de/*.
3. Wählen Sie Hinzufügen, wenn Sie weitere Domains eintragen müssen.

Abbildung 10: Einschränkungstyp Websites auswählen

Abbildung 11: Website-URL als Einschränkung eintragen

APIs einschränken

1. Wählen Sie unter API-Einschränkungen die Option Schlüssel einschränken.
2. Wählen Sie die APIs aus, die den Schlüssel verwenden dürfen. Für einfache Karten ist mindestens die Maps JavaScript API erforderlich. Je nach Anwendung können zusätzlich die Geocoding API oder die Geolocation API nötig sein.
3. Wählen Sie Speichern.

Die Änderungen können bis zu fünf Minuten benötigen.

Abbildung 12: API-Schlüssel in den Anmeldedaten auswählen

Abbildung 13: Website-Einschränkungen bearbeiten

Abbildung 14: API-Einschränkungen festlegen

Einschränkungen später anpassen

1. Öffnen Sie APIs und Dienste > Anmeldedaten.
2. Wählen Sie den Namen des API-Schlüssels.
3. Passen Sie bei Bedarf Website- und API-Einschränkungen an und speichern Sie die Änderungen.

Abbildung 15: Weitere Website-Einschränkung hinzufügen

Abbildung 16: API-Einschränkung auswählen

Abbildung 17: Änderungen am API-Schlüssel speichern