Wähle die Seite

Anleitung – Google Maps WEB API Key für deine Webseite generieren

Anleitung – Google Maps WEB API Key für deine Webseite generieren

Ihr habt bereits eine Google Karte die nicht die Google Richtlinien einhält? Oder wollt eine Google Karte in eine neue Webseite einbauen? Hierzu benötigt man von Google eine WEB API (Programmierschnittstelle).

Um diese Schnittstelle und Google Karten auf Webseiten nutzen zu können benötigt man zukünftig auch einen Google API Key (API Schlüssel). Auch für deine alte Karte/Webseite!! Wie man den Key bekommt erfahrt ihr hier.

Seit 22 Juni 2016 dürfen auf  Webseiten keine Google Maps Karten ohne einen API Schlüssel mehr eingebaut werden. Die Nachfrist für ältere bestehende Karten in Webseiten ist auch bereits abgelaufen. Also ist handeln zwingend erforderlich. Den Schlüssel benötigt man damit Google die Kartenaufrufe zählen und zuordnen kann. Aber keine Panik, trotzdem ist der Service von Google eigentlich noch fast kostenlos. Erst wenn man 25000 Kartenaufrufe innerhalb 24 Stunden überschreitet verlangt Google $0.50 USD pro 1000 Kartenaufrufe. 25000 Kartenaufrufe ist meine Menge die mit normalen Webseiten eigentlich nie erreicht wird.

Bevor es losgeht noch eine Info! Hier wollen wir nur aufzeigen wie man zu dem benötigten Key kommt, mehr nicht. Für das einhalten der Google Richtlinien zum nutzen der Karte auf Webseiten ist natürlich jeder selbst verantwortlich und hat mit der Anleitung nichts zu tun.

Um einen API Key zu bekommen benötigt man als Webseiten Betreiber ein Google Konto.

Habt ihr noch kein Google Konto könnt ihr es auf der Google Webseite erstellen. Den Link zum erstellen des Google Kontos findet ihr im im folgenden Button. Um die nächsten Schritte nachzumachen solltet ihr bei Google eingeloggt sein.

Link zum erstellen des Google Kontos

Step 1


Wir holen uns den Key für die Google Maps JavaScript API. Um zu beginnen folge dem Link.

Bist du auf der Seite findest du auch damit zusamenhängende Informationen. Um den API Key zu bekommen klicke auf der Seite auf den Button “Schlüssel anfordern” (Siehe Bild mit Pfeil)

Step 2


Hast du auf den Button geklickt erscheint (sofern du angemeldet bist) ein Fenster ” Die Google Maps JavaScript API aktivieren “

Klick dort einfach auf weiter um zum nächsten Schritt zu gelangen. Bitte denke daran du musst bereits angemeldet sein. Bist du mit deinem Google Konto nicht angemeldet erscheint erst eine Login Seite um dich anzumelden.

Weiter geht’s in Step 3…

Step 3


Habt ihr alles so gemacht wird eine Seite generiert die wie auf dem Bild aussieht. Um den API Key zu bekommen wird erst ein Projekt erstellt.

Wählt dort aus ob ihr weitere Infos möchtet und stimmt den Nutzungsbedingungen zu. Diese könnt Ihr mit klick auf dem Link auch nachlesen. (Empfohlen)

Den Button “Projekt erstellen” kann man auch so lassen. Das Projekt nennt sich dann “My Projekt”

Seit ihr mit allem einverstanden klickt auf den blauen Button “Ich stimme zu – weiter”

Step 4


Nun wurde eine Projekt Seite erstellt (Google APIs My Projekt)

Dort könnt ihr den API Schlüssel umbenennen aber auch so lassen (API Schlüssel 1)

Bei Schlüsseleinschränkung kann man wählen ob der Key allgemeine Gültigkeit hat oder zB nur für eine Webseite bestimmt ist. Wir lassen es auf / empfehlen würde ich aber den Key einzuschränken.

Zum Abschluss noch auf den Button “Erstellen” klicken.

Weiter geht es mit Stepp 5…

Step 5


Hat alles soweit funktioniert, erscheint ein Fenster mit der Meldung “Schlüssel erstellt.

Möchtet ihr den Schlüssel einschränken, könnt ihr das hier nochmal erledigen ist aber auch hinterher möglich (Empfohlen).

So fast geschafft, klickt auf den Button “Schliessen” dann geht es zu eurer neuen Projekt Seite (Google APIs  My Projekt)

Das war es schon fast. Alle Einstellungen kannst du auch im nachhinein erledigen.

Mehr im Step 6….

Step 6 – Geschafft!


Ihr befindet Euch jetzt im Google API Manager Dashboard.

Hier könnt ihr weitere Schlüssel erstellen, den Schlüssel bearbeiten, löschen und Projekte verwalten. Vergesst Euch nicht auszuloggen.

Den Schlüssel könnt ihr nun für eure Projekte verwenden verwenden. Unten habe ich einen Link, in dem ihr auch später zu eurem API Manager gelangt. Ihr kennt das sicherlich mit der “wie war nochmal der Link?” Sucherei.

Wichtig ist! Den Schlüssel nicht jedem weiter zu geben. Deshalb nochmal, braucht ihr den Schlüssel nur für eine Webseite, beschränkt ihn auf diese. Euer Webdesigner benötigt den Schlüssel in jedem Fall. Dass es ein seriöser Webdesigner sein sollte, brauche ich ja mit Sicherheit nicht zu erwähnen.

Vertraut einfach nicht jedem.

Wollt ihr zukünftig schnell auf eure Projektwebseite gelangen folg einfach diesem Link

Über den Autor

JOERG.DESIGN

Designer, Fotograf & Webdesigner aus Stuttgart, wohnhaft in Backnag. Mit der Zeit sammelt sich auf der Festplatte einiges an was eigentlich viel zu Schade ist, dort auf einer dunklem Magnetscheibe sein "dasein" für immer zu verbringen. Warum dann nicht verschenken? Schenken kostet nichts und macht dazu auch Freude. - Meine Digitale V Card JOERG.DESIGN - Auf Facebook - Auf Google+

Hinterlasse einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Monat – Archiv

Beitrags Kalender

Dezember 2017
M D M D F S S
« Okt    
 123
45678910
11121314151617
18192021222324
25262728293031