Hier möchte ich euch eine kurze Beschreibung der ml_maps TYPO3 Extension zeigen!

Wir legen als ersten im TYPO3 Backend einen SysOrdner an und merken uns die ID.
Ladet euch nun auf www.typo3.org die Ext: ml_maps runter und geht in eurem TYPO3 Backend auf den Ext Manager.
Wählt im Menü: „Import Extensions“ aus, etwas weiter unten könnt ihr nun auf „Durchsuchen…“ klicken und wählt die Ext: ml_maps aus.
Durch das klicken auf „Upload extension file“ -installiert Ihr sie.

Ich habe die Extension so eingestellt, dass alle Daten im gleichen SysOrdner liegen.
Enable Global Storage Folder = jes
bei Storage Folder ID gebt ihr dei ID von dem SysOrdner an.
JPEG Quality habe ich bei mir auf „100“ gestellt.

nun noch auf „Update“ klicken und alle eingestellte Daten werden abgespeichert.

Damit sich das neue Menü aktiviert, müssten Sie sich einmal komplett aus dem TYPO3 Backend ausloggen und wieder Einloggen!

In der linken Spalte sollte nun ein Punkt: Karte/Maps aufgetaucht sein, dort können wir nun unsere „MAP“ erstellen.

Example:
Beischreibung: World
Kategorie: maps
Bild aussuchen ( Durchsuchen… )

um die neue Map zu speichern, einfach auf „hinzufügen“ klicken!

Nun erscheint bei Kategorie auswählen die neu angelegte Map, um diese nun zu bearbeiten einfach auf „Anzeigen“ und dann auf bearbeiten klicken.

Klickt auf das Bild und gebt dem Punkt eine Beschreibung ( Punkt Beschreibung )
Nun könnt ihr diesen Punkt noch auf eine Seite verlinken ( Intern oder Extern )

Bei Layertext könnt Ihr einen Text angeben der erscheinen soll wenn man den Marker „hovert“

wenn Ihr nun auf „Punkt erzeugen“ klickt, speichert das TYPO3 alle Daten.

Nun könnt Ihr euch eine neue Seite anlegen, dir Ihr z.B. Maps nennt. Dort müsst Ihr nun einen neuen Datensatz mit dem PlugIn „Karten/Maps“ anlegen.
Nun könnt Ihr unter „Konfiguration“ die Karte auswählen. In meinen Fall ist es „World“.
Abspeichern und Online anschauen 🙂

Rahmen im Frontend ändern:

div.tx-mlmaps-pi1 img {
borader= 0;
}


.marker-layer {
background-color:#FFFFFF;
border: 1px solid #FFFFFF;
color: #000000;
}

Beispielseiten:
http://www.evva.com/
http://www.evva.at/at/produkte/alarmsysteme/verkabelte-alarmsysteme/