Google Maps

Page

Einbinden

Um Google Maps richtig einzubinden, benötigst du als erstes einen API Key von Google, den du hier bekommst. Führe dann folgende Schritte innerhalb der Google API Konsole aus:

  • Erstelle oder wähle ein Projekt
  • Klicke auf "Weiter" um mit der Nutzung des API Service zu beginnen
  • Unter dem Reiter "Zugangsdaten" musst du sicherstellen, dass "Google Maps Javascript API" ausgewählt ist, dann kannst du auf den blauen Knopf unterhalb "Anmeldedaten abrufen" drücken

Du kannst nun den API Schlüssel von dort kopieren und unter app/contact/view/inc/contactTemplate.html.php in der Variable $apiKey einfügen.

Es wird empfohlen, den Schlüssel für bestimmte Webseiten, IP-Adressen oder Apps zu beschränken. Dies kann innerhalb der API Konsole von Google erledigt werden. Weitere Sicherheitsinformationen zum API Schlüssel findest du hier.
Falls du Probleme hast oder nähere Informationen benötigst, kannst du auf der offizielen Seite von Google nachschauen.

Im Anschluss kannst du noch die Koordinaten anpassen. Öffne dazu erneut die Datei app/contact/view/inc/contactTemplate.html.php und passe dort lat und lng an. Dort kannst du ausserdem die Zoomstufe anpassen und weitere Optionen angeben. Für nähere Informationen empfiehlt sich das Tutorial von Google.

« Demo Page Entwicklung »

Kommentare

Du musst eingeloggt sein, damit du Beiträge erstellen kannst.

Fragen