Nachbildung von ein Computer-Monitor und einem Laptop. Auf beiden Bildschirmen ist jeweils eine Webseite mit einer interaktiven Karte dargestellt.
Projekt

Interaktive Karte für ein Forschungsprojekt

Über das Projekt

Projekt für

Leuphana Universität Lüneburg

Aufgabenfelder

Webentwicklung, Konzeption

Hintergrund des Projektes

Im Rahmen eines Forschungsprojektes an der Leuphana Universität Lüneburg wurde von Studierenden ein Wiki erstellt, in dem Informationen zur nachhaltigen Regionalentwicklung in zwei Biosphärenreservaten der Metropolregion Hamburg gesammelt und veröffentlicht wurden. Das Wiki beinhaltet zwei interaktive Karten mit räumlichen Informationen. Eine dieser Karte enthält über 300 Einträge zu nachhaltigkeitsbezogenen Projekten und Einrichtungen, die mit Hilfe verschiedener Filterkategorien angezeigt und eingegrenzt werden können. Eine weitere Karte ermöglicht das Anzeigen verschiedener Geo-Daten zu Naturschutzgebieten, Landnutzung und der Nutzung Erneuerbarer Energien.

Meine Aufgaben

Als Studierender im Projektseminar habe ich die interaktive Karte eigenverantwortlich konzipiert und mit Hilfe der JavaScript Bibliothek Leaflet programmiert. Über einen speziell dafür eingerichteten Admin-Bereich habe ich es allen anderen Studierenden möglich, eigene Filterkategorien und Projekte hinzuzufügen und zu bearbeiten. Öffentlich beziehbare räumliche Daten konnten in ein spezielles Format (GeoJSON) umgewandelt und in die interaktive Karten integriert werden.

Weiterführendes

Bildergalerie

Screenshot einer interaktiven Karte: Auf der linken Seite sieht man verschiedene Kategorien in einer zweistufigen Struktur. Die Kategorien können mit Kippschaltern aktiviert und deaktiviert werden. Die erste Ebene ist farblich gekennzeichnet, die zweite Ebene wird durch verschiedene Symbole angezeigt. Auf der Karte sieht man die Grenzen und Namen von vier Landkreisen und eine große Anzahl von Markern. Viele der Marker sind zu Marker-Clustern zusammengefasst, da sie auf der Standard-Zoomstufe zu dicht beieinander liegen würden.

Die Marker sind einem zweistufigen Filtermechanismus zugeordnet, der durch Farben und Icons gekennzeichnet ist. Neben den Markern sind außerdem Geodaten für Landkreise und Gemeinden in der Karte enthalten. In Bereichen mit hoher Markerdichte werden die Marker dynamisch als Cluster angezeigt.

Screenshot einer interaktiven Karte: Auf der linken Seite sieht man Umschalter für verschiedene Datensätze. Die auswählbaren Daten umfassen Geodaten über Naturschutzgebiete, Landnutzung sowie Punktdaten über Standorte für erneuerbare Energien.

Neben Punktdaten zu Standorten von Erneuerbaren Energien sind auf dieser Karte auch zahlreiche Flächendaten zu Naturschutzgebieten und unterschiedlichen Landnutzungsformen hinterlegt.

Screenshot eines Admin-Panels mit Navigation in der linken Seitenspalte und verschiedenen Formularfeldern im Hauptinhaltsbereich.

Die Studierenden können über den eigens erstellten Admin-Bereich Filterkategorien sowie Markerdaten hinzufügen und aktualisieren.