API-Key für Google Maps erstellen und einrichten

Google Maps auf der Webseite ist ein praktisches Tool für Kunden oder Gäste: Auf der Karte sehen alle Interessierten, wo Ihre Filiale oder Ihr Firmensitz liegt. Das schafft Vertrauen und bietet Komfort, etwa bei der Navigation zu Ihnen. Damit Sie Google Maps einbinden können, benötigen Sie einen API-Key. Warum das? Google berechnet für den Service (ab einer bestimmten Anzahl an Aufrufen) eine geringe Gebühr. Mit dem Key ist es möglich, die Zugriffe zu erfassen. Daher ist die Einbindung verpflichtend.

Aber wie gelingt das? Wer nur wenig Erfahrung mit HTML besitzt, steht möglicherweise vor einer Herausforderung. Mit den Informationen auf dieser Seite ist die aber schnell gelöst.

Mit diesen APIs lässt sich Google Maps je nach eigenem Bedarf einbetten. Achtung: Die APIs werden nicht immer direkt in der Übersicht angezeigt. Fehlt eine Funktion? Die Suche führt zur gewünschten API.

Sind die richtigen APIs gefunden? Dann müssen sie noch aktiviert werden. Das nehmen Sie in der Detail-Ansicht mit einem Klick vor.

API-Key verknüpfen und erstellen

Die Erstellung erfolgt direkt in der Konsole der Google Cloud Platform. Wählen Sie dort im Dropdown-Menü das Projekt aus, für das Sie den Key verwenden möchten. Wenn es noch nicht vorhanden ist, legen sie dieses zuvor an. Ist das Projekt gewählt, geht es weiter über den Pfad „APIs & Dienste“ und dort unter „Anmeldedaten“.

Per Klick gelangen Sie nun auf die Seite zur Anmeldung. Dort geht es weiter auf „Anmeldedaten erstellen“ und „API Schlüssel“. Sie sehen einen Dialog mit „API Schlüssel erstellt“ und Ihrem neuen Key.

Ab sofort finden Sie Ihre erstellten API-Keys außerdem auf der Anmeldedaten-Seite. Rufen Sie den Key hier auf oder speichern Sie ihn sich in einem Dokument ab. Sie benötigen ihn, um Google Maps auf der Webseite einzubinden. Das funktioniert über HTML-Code oder im Content Management System über ein Plugin. Weiteres dazu lesen Sie unter Den API-Key verwenden.

Tipp: Im Dialogfenster mit dem neuen API-Key gibt es die Möglichkeit, diesen einzuschränken. Wählen Sie dazu „Schlüssel einschränken“ aus. Das ist in der Regel empfehlenswert.

Anwendung des API-Keys einschränken

Die Einschränkung erfolgt anhand einer URL, sie wird unter „HTTP-Verweis-URLs“ vorgenommen. Tragen Sie an dieser Stelle Ihre URL ein, und zwar mit Sternchen und Schrägstrich, zum Beispiel: *.ultrapixel.de/*. Auf diese Weise werden alle Unterseiten einbezogen.

Jetzt fehlt nur noch die Einrichtung der Einschränkung. Achtung: Das funktioniert nur, wenn Sie die entsprechenden APIs vorab aktiviert haben.

Um die Einschränkung abzuschließen, wählen Sie „Schlüssel einschränken“. Sie sehen eine Übersicht über Ihre APIs. Suchen Sie die benötigten heraus. Welche das sind, hängt von Ihren Anforderungen ab. Abschließend die Auswahl speichern, erst dann sind die Keys eingeschränkt.

Visitenkarte im Web oder Komplettauftritt für Unternehmen mit allen Raffinessen? Ultrapixel aus Hagen realisiert beides. Wir freuen uns, auf eine lange Erfahrung zurückblicken zu dürfen. In dieser Zeit haben wir bereits mit folgenden Kunden zusammengearbeitet: