ml_maps wird über das Backendmodul „Karten“ verwaltet. Hier kann der Benutzer beliebig viele Karten anlegen. Jede Karte kann kategorisiert werden, um bei wachsender Kartenmenge den Überblick zu behalten. Kategorien können genutzt werden, um verschiedene Sprachversionen zu erstellen oder Karten in bestimmten Themenbereichen zusammenzufassen.

Zum Anlegen einer neuen Karte wird lediglich die Grafik einer Landkarte benötigt. Nachdem ein Kartenname eingegeben und die Datei ausgewählt wurde, kann die Karte durch Klick auf den Button „Hinzufügen“ erstellt werden. Die Karte ist in dieser Form bereits einsetzbar. Da aber bis jetzt noch kein Punkt auf der Karte markiert wurde, ist der Einsatz im Frontend noch nicht sehr spannend.

Um neue Punkte auf der Karte hinzuzufügen oder bestehende zu bearbeiten, muss die Karte über den Button „Bearbeiten“ geöffnet werden. In der Kartendetailansicht können neue Punkte auf der Karte per Mausklick erstellt werden. Beim Klick auf einen Punkt innerhalb der Karte werden dessen Koordinaten in den Feldern „PosX“ und „PosY“ eingetragen. Diesem Punkt sollte jetzt noch ein Name gegeben werden – dies geschieht über das Feld „Punkt Beschreibung“.

In der Kartendetailansicht kann eine Karte bearbeitet werden.

Über das Dropdown-Menü „Marker“ wird festgelegt, wie der Punkt auf der Karte optisch dargestellt werden soll. Nach der Installation von ml_maps stehen nur die Marker „<schwarz>“ und „<weiß>“ zur Verfügung, die jeweils einfachen Quadraten in schwarz und weiß entsprechen. Im Bereich „Marker Management“ können jedoch bei Bedarf beliebige Grafiken als Marker hinzugefügt werden. So lassen sich beispielsweise kleinere und größere Niederlassungen mit unterschiedlichen Symbolen markieren.

Darüber hinaus kann jeder Punkt optional mit einem Link und einem Layer belegt werden. Wird ein Link angegeben, wird der Punkt im Frontend anklickbar. Wird im Feld „Layertext“ etwas eingetragen, dann erscheint im Front-

Für ein beliebiges Produktbild können interaktive Produktansichten generiert werden.

end beim Überfahren des Punktes mit der Maus der Inhalt dieses Feldes als schwebender Layer. Diese Layer können per CSS schnell und einfach optisch angepasst werden. Dazu wird die Klasse „marker-layer“ verwendet. Um zum Beispiel einen Layer mit grauem Rahmen, weißem Hintergrund und schwarzer Schrift zu erzeugen, kann folgender CSS-Code eingesetzt werden:

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

Ist ein Benutzer erst einmal mit der Funktionalität von ml_maps vertraut, erschließen sich ihm schnell weitere Möglichkeiten, die über die Erstellung von Landkarten hinausgehen. So ist auch die Erstellung von interaktiven Produktansichten möglich, indem statt einer Landkarte ein Produktbild verwendet wird. Auf das Produktbild können dann Informationspunkte gelegt werden, die beim Überfahren mit der Maus einen Layer mit den entsprechenden Produkteigenschaften anzeigen.

Auf der To-Do-Liste des Projekts stehen momentan folgende Funktionen: Die Lokalisierungsfeatures sollen verbessert sowie Hierarchische Kategorien und ein Kategorie-Management eingefügt werden. Außerdem soll die Aktivierung und Deaktivierung einzelner Markertypen im Frontend möglich sein und schließlich die Integration von GPS-Koordinaten.

Die Extension ist stabil, wird produktiv eingesetzt und auch in Zukunft von der Agentur media lights weiterentwickelt.