Grundlagen

  • Alle Karten befinden sind im Ordner "General Storage" -> "Google Karten"
  • Wenn Sie eine neue Karte anlegen wollen, erstellen Sie zunächst einen neuen Kartenordner unterhalb von "Google Karten"
  • Dann legen Sie in diesem Ordner eine neue Google Adresse an
  • Dann legen Sie im selben Ordner eine neue Karte an
  • Als letztes binden Sie die Karte dort ein, wo Sie sie anzeigen lassen wollen

Kartenordner erstellen

  • Um einen  neuen Ordner zu erstellen, der eine neue Karte enthält, gehen Sie vor, als wenn Sie eine neue Seite im Seitenbaum anlegen wollten:
  • Wählen Sie Web -> Seite und gehen dann oberhalb des Seitenbaums auf das Plus-Symbol (Neue Seite anlegen)
  • Eine Reihe neuer Symbole erscheint in der Zeile darunter.
  • Hier wählen Sie das Ordner-Symbol.
  • Mit gedrückter Maustaste ziehen Sie es bis in den Ordner "Google Karten"
  • Anschließend geben Sie ihm einen aussagekräftigen Namen (zB "Zweigstelle Köln")

Kartenadresse anlegen

  • Wählen Sie Web -> List und klicken im Seitenbaum auf den neu angelegten Kartenordner
  • Eine fast leere Seite mit dem Namen der Karte erscheint
  • Klicken Sie ganz oben auf das grüne Plus-Symbol (Create New Record / Neuen Datensatz anlegen)
  • Es erscheint eine Liste. Unterhalb von "Google Maps API Extbase" wählen Sie den Eintrag "Google Maps Adresse"
  • Auf dem Reiter "Allgemein" geben Sie der Adresse einen Namen, tragen die gesuchte Adresse (Stadt, Straße und Hausnummer) unter "Position" ein und drücken "Update".
  • Speichern nicht vergessen!

Karte anlegen

  • Um die Karte selbst anzulegen, wählen Sie wieder Web -> Liste und klicken auf den Kartenordner.
  • Es erscheint diesmal keine fast leere Seite, sondern eine Liste, in der Sie die gerade eingetragene Adresse vorfinden.
  • Klicken Sie wieder auf das Plus-Symbol ganz oben (Neuen Datensatz erstellen).
  • In der Liste wählen Sie dann unterhalb von "Google Maps API extbase" den Eintrag "Karte".
  • Geben Sie der Karte einen Titel und legen Breite und Höhe der Anzeige fest. Wenn die Karte auf Mobilgeräten ihre Breite selbständig ändern soll, tragen Sie bei Breite "100%" ein.
  • Unter "Zoom" tragen Sie den Anfangsmaßstab ein, den die Karte zeigen soll. Sinnvolle Werte sind zwischen 4 und 18. Je größer die Zahl, desto "dichter rangezoomt" ist die Karte.
  • Unterhalb des Feldes "Adresse" müssen Sie jetzt noch die gerade angelegte Adresse auswählen.
  • Dazu klicken Sie auf "Google Maps Adresse". Ein neues Fenster (Typo3 Element Browser) geht auf.
  • Hier wählen Sie im Seitenbaum den Kartenordner und klicken dann auf die Adresse.
  • Das Typo3 Element Browser Fenster schließt sich wieder und der Name der gewählten Adresse bleibt im Adressfeld stehen.
  • Speichern Sie die Karte.

 

Karte einbinden

  • Um die Karte nun im Frontend anzeigen zu lassen, wählen Sie Web -> Seite und klicken auf die Seite, auf der Sie die Karten zeigen wollen.
  • Dort legen Sie ein neues Inhaltselement an.
  • In der Liste wählen Sie "Plugin" -> "Allgemeines Plugin"
  • Dann wechseln Sie auf den Reiter "Plugin" und unter "Ausgewähltes Plugin" wählen Sie "Google Map"
  • Nach Bestätigung "ok" lädt die Seite neu, und Sie wechseln abermals auf den Reiter "Plugin".
  • Klicken Sie unter "Einstellungen" auf den Link "Karte".
  • Ein neues Fenster geht auf, der "Typo3 Element Browser".
  • Hier wählen Sie wieder ihren Kartenordner und klicken auf die gerade angelegte Karte.
  • Das Zusatzfenster schließt sich wieder, der Name der Karte erscheint unter "Einstellungen"
  • Speichern Sie das Inhaltselement.
  • Jetzt sollte es auf der Seite zu sehen sein.