React basierte WebGIS Clients mit MapComponents & MapLibre-gl
17.03, 09:00–10:30 (Europe/Berlin), Workshop 1 (1231)

MapComponents bietet alle Grundkomponenten für kleine problemspezifische Anwendungen bis hin zu komplexen WebGIS-Anwendungen. Nach einer kurzen theoretischen Einführung wird im Workshop ein WebGIS Client mit React, MapLibre-gl und MapComponents entwickelt.


Im Rahmen des MapComponents-Projekts haben wir im Verlauf der letzten 2 Jahre auf Basis von React ein Open-Source-Komponenten-Framework zur einfachen Erstellung dynamischer GIS-Anwendungen entwickelt.

Im Workshop erhalten Sie einen kurzen Überblick über die Funktionsweise und damit einhergehenden Konventionen von MapComponents. Anschließend wird ein WebGIS Client mit standard-Funktionen, wie Druck, Layertree, Maßstabsreferenz und WMS- u. GeoJSON-Loader entwickelt.

Im Anschluss an den Workshop gibt es die Möglichkeit Fragen zu stellen.
React & MapLibre-gl-js/Mapbox-gl-js Kenntnisse sind von Vorteil.

Tobias Weber ist seit Januar 2021 Software Entwickler bei der WhereGroup GmbH (https://wheregroup.com) in Bonn. Als Full-Stack Developer hat er den letzten 15 Jahren diversen Projekten mit verschiedenen Technologien wie Javascript, React, Vue.js, Docker, PHP, ExtJS, MySQL, Three.js gearbeitet. Während sich die Arbeit bei dem ehemaligen Arbeitgeber dahabtours GmbH auf die Entwicklung von CRM und Shop-Systemen konzentrierte, war er in seiner Freiberuflichen Arbeit bei dem Projekt Mujumaps auch mit der Einrichtung von OSM-Tile Servern beschäftigt. Bei seinem privaten Projekt Nametag Designer (www.nametag-designer.com) lag der Fokus seit 2 Jahren verstärkt auf der Entwicklung moderner Benutzeroberflächen mit dem frontend Framework React.

Marwin Ludwig macht seit April 2022 seine Ausbildung als Fachinformatiker für Anwendungsentwicklung bei der WhereGroup GmbH (https://wheregroup.com) in Bonn. Während der Zeit in der Ausbildung hat er den Umgang mit Javascript, React, Docker, Python und PostgreSQL erlernt. Zuvor war er als Mini-Jober beim Bundesverband des Elektro-Großhandels (VEG) e.V. tätig. Dort entwickelte er das Frontend für die internen Datenplattform in Javascript mit jQuery UI.