Um Google Maps in Ihre Website einzubinden, benötigen Sie zunächst einen API-Schlüssel, den Sie über die Google Cloud Platform generieren. Hier finden Sie eine Schritt-für-Schritt-Anleitung, wie Sie den Schlüssel erhalten und auf Ihrer Website konfigurieren.
Schritt 1: Zugriff auf die Google Cloud Platform Console
- Besuchen Sie die Google Cloud Platform Console.
Öffnen Sie Ihren Webbrowser und gehen Sie zum Google Cloud Platform-Konsole. - Projekt auswählen oder erstellen
Sobald Sie sich in der Konsole befinden, klicken Sie oben auf der Seite auf das Dropdown-Menü „Projekt“. Hier können Sie entweder ein bestehendes Projekt auswählen oder ein neues für Ihren API-Schlüssel erstellen.
Schritt 2: Navigieren Sie zu APIs & Services
- Öffnen Sie den Abschnitt „API-Anmeldeinformationen“.
Klicken Sie auf die Menüschaltfläche (drei horizontale Linien) in der oberen linken Ecke. Wählen Sie im Dropdown-Menü „Zur Auswahl“. APIs und Dienste > Anmeldeinformationen.
Schritt 3: Generieren Sie Ihren API-Schlüssel
- Neue Anmeldeinformationen erstellen
Auf dem Aus- und Fortbildungen Seite auswählen Anmeldeinformationen erstellen > API-SchlüsselDadurch wird automatisch ein neuer API-Schlüssel generiert. - API-Schlüssel anzeigen und kopieren
Es erscheint ein Dialogfeld mit Ihrem neu erstellten API-Schlüssel. Kopieren Sie diesen Schlüssel und bewahren Sie ihn an einem sicheren Ort auf, da Sie ihn für die letzten Schritte benötigen. - Dialog schließen
Klicken Sie auf Menu Um den Dialog zu verlassen, wird Ihr API-Schlüssel nun unter folgendem Eintrag angezeigt: API-Schlüssel auf der Seite „Anmeldeinformationen“.
Schritt 4: API-Schlüssel aus Sicherheitsgründen einschränken
Um eine unbefugte Nutzung zu verhindern, ist es unerlässlich, Ihren API-Schlüssel vor dem Einsatz in der Produktion einzuschränken:
- Wählen Sie Ihren API-Schlüssel aus
Klicken Sie auf der Seite „Anmeldeinformationen“ auf den Namen Ihres API-Schlüssels. - Schlüsselbeschränkungen festlegen
Der AnwendungsbeschränkungenBeschränken Sie die Nutzung auf die spezifischen Websites, IP-Adressen oder Anwendungen, die die API verwenden werden. API-EinschränkungenWählen Sie nur die für Ihr Projekt notwendigen APIs aus. - Speichern Sie Ihre Einstellungen
Sobald Sie die Einschränkungen konfiguriert haben, klicken Sie Gespeichert.
Schritt 5: Fügen Sie den API-Schlüssel in Ihre Website ein.
Nachdem Ihr API-Schlüssel nun bereit ist, befolgen Sie diese Schritte, um ihn in Ihre Website einzufügen:
- Gehen Sie zu den Anpassungsoptionen.
Öffnen Sie das Backend Ihrer Website und gehen Sie zu Optionen (Anpassung) > API > Google Maps. - Geben Sie Ihren API-Schlüssel ein
Fügen Sie Ihren API-Schlüssel in das dafür vorgesehene Feld für Google Maps ein. - Speichern und veröffentlichen
Nachdem Sie Ihren Schlüssel eingegeben haben, speichern Sie Ihre Änderungen. Google Maps sollte nun erfolgreich in Ihre Website integriert sein.
Nachdem Sie Ihren Google Maps API-Schlüssel konfiguriert haben, können Sie interaktive Karten in Ihre Website einbetten.
