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.