Kontrast
Dierekt zum Inhalt
VisionConnect Blog / Technik

Google API Key erzeugen

19. Oktober 2016
Google Maps API Key

3 Schritte zur Einrichtung Ihres Google API Key für Ihre Google Maps Applikation auf Ihrer Webseite.

Mit dem Google Pricing Update vom 22. Juni 2016 wird es zukünftig nicht mehr möglich sein die Google Maps API ohne einen API-Key zu nutzen. Zukünftig wird die kostenlose Nutzung von Google Maps nur mit maximal 25.000 Aufrufen pro Tag möglich sein.

Sobald das Maximum erreicht ist, wird die eingesetzte Applikation an dem Tag ihren Dienst einstellen. Ein erweiterter Zugriff kann über einen zusätzlichen Vertrag mit Google eingekauft werden.

Die API kommt dann zum Einsatz, wenn individualisierte Google-Karten auf Ihrer Webseite eingesetzt werden.

Einen Google Maps API Key erstellen

Ein Google Konto einrichten

Um einen API generieren zu können, benötigen Sie ein Google Konto. Hierbei sollte es sich um ein firmeneigenes Konto und nicht um Ihr privates handeln.

Die neue Preispolitik von Google sieht vor, dass ab bestimmten Zugriffszahlen Kosten für die Verwendung der Maps Applikation anfallen können. Von daher kann es je nach Vertrag vorkommen, dass Zahlungsinformationen mit diesem Konto verknüpft werden müssen.

Ihr Google Konto können Sie unter folgender Adresse einrichten:
https://accounts.google.com/signup

Ihren API Key einrichten

Mit Ihrem Google Konto melden Sie sich beim API Manager von Google an.

  1. In der Menüleiste klicken Sie nun auf „Zugangsdaten“.
  2. Wählen Sie im Arbeitsbereich „Anmeldedaten erstellen“ und wählen Sie aus der Drop-Down-Liste den Menüpunkt „API-Schlüssel“.
  3. In einem Pop-up Fenster wird Ihnen nun der neue API Schlüssel angezeigt, den Sie in Ihre Zwischenablage kopieren können.

Die API Konsole können Sie unter folgender Adresse erreichen
https://console.developers.google.com/

Google Maps Api Schlüssel erstellen
Den API Key erstellen
(klicken zum Vergrössern)
Google Maps Api Schlüssel kopieren
Den API Key kopieren
(klicken zum Vergrössern)
Google Maps Api Schlüssel absichern
Den API Key absichern
(klicken zum Vergrössern)

API-Key Zugriff beschränken.

Wichtig! Beschränken Sie nun den Zugriff auf Ihren Schlüssel. Da der Schlüssel oft über den Quelltext einsehbar ist, könnten andere Ihren Schlüssel nutzen. Damit würde sich Ihr Zugriffskontingent verringern.

  1. Klicken Sie in dem Pop-Up Fenster auf „Schlüssel einschränken“. Sie können die folgende Eingabemaske auch später direkt aus Ihrer Übersicht in der API Konsole aufrufen.
  2. Vergeben Sie einen Namen für den API Schlüssel. Dies erleichtert Ihnen die Übersicht in der API Konsole, sofern Sie mehrere Domains und API Schlüssel administrieren müssen.
  3. Nun schränken Sie den Schlüssel im Abschnitt „Schlüsseleinschränkung“ ein. Hier wird in den meisten Fällen der Menüpunkt „HTTP-Verweis-URLs (Websites)“ ausreichen.

    In dem Textfeld geben Sie nun Ihre Webseiten URL in folgendem Format ein:
    *.IhreWebseite.de/*
    Die Angabe mit den Sternchen am Anfang und Ende ermöglicht es Ihnen, den gesamten Domainbereich, inklusive Subdomains (z.B. www.visionconnect.de, blog.visionconnect.de) und allen Unterseiten, für den API-Schlüssel frei zu schalten.

Die API aktivieren

Nachdem nun der API Key eingerichtet und dessen Zuugriff eingeschränkt ist muss die eigentliche API noch für die Verwendung aktiviert werden.

  1. Klicken Sie in ihrem Dashboard auf den Button „API aktivieren“.
  2. In der Bibliothek wählen Sie unter der Rubrik „Google Maps APIs“ den Menüpunkt „Google Maps JavaScript API“.
  3. Nun aktivieren Sie diese API in dem Sie oben im Fenster auf „API aktivieren“ klicken.

Erst jetzt kann der Aufruf Ihrer Google Karten in Ihrem Webauftritt unter Verwendung der Google Maps API erfolgen.

Google API Bibliothek aktivieren
Google API aktivieren
Google Maps API in der Bibliothek auswählen
API in der Bibliothek auswählen
Die Google Maps Javascript API in der Bibliothek aktivieren
Die API aktivieren

Weitere Informationen:

Über den/die Autor*in

Markus Söth

Vom Kaufmann über die Landschaftsarchitektur gestalte ich nun den großen Garten des Internets. Für die VisionConnect GmbH arbeite ich im Webdevelopment Bereich an den Möglichkeiten und Visionen des digitalen Zeitalters. Für Marketing und Innovation bin ich immer zu haben und stehe mit meinen Erfahrungen unseren Kunden bei ihren Projekten zur Seite.
Mehr Beiträge im VisionConnect-Blog

… passend zum Thema.