{"guid":"771e5fde-c1eb-4789-9fee-0b986620c5ee","title":"mapmap.js - Ein kartographisches API für interaktive thematische Karten","subtitle":null,"slug":"fossgis2016-5056-mapmapjs-ein-kartograph","link":"https://fossgis-konferenz.de/2016/programm/event5056.html","description":"Beim Programmieren von Web-Karten bewegt man sich derzeit zwischen zwei Polen:\n          entweder mittels \"Slippy Map\" APIs wie z.B. Leaflet eine Hintergrundkarte aus\n          Bildkacheln laden, oder mittels low-level Visualisierungswerkzeugen wie D3.js komplett\n          dynamische, vektorbasierte Karten und Diagrammdarstellungen im Browser erstellen. Im\n          ersten Fall sind der Interaktion mit den Karteninhalten Grenzen gesetzt, da nicht alle\n          Karteninhalte als geometrische Objekte verfügbar sind, im zweiten Fall ist selbst für\n          vergleichsweise einfache Kartendarstellungen umfangreicher und komplexerer Code notwendig.\n          Das an der TU Wien entwickelte API mapmap.js versucht den kartographischen\n          Visualisierungsprozess in seiner Gesamtheit in einem high-level JavaScript API abzubilden,\n          wobei jeder Teilaspekt zunächst „einfach funktioniert“, aber bei Bedarf im Detail an die\n          Notwendigkeiten der jeweiligen Anwendung angepasst werden kann. Die kartographische\n          Visualisierungspipeline – vom Laden und Zusammenführen von Daten, Metadaten und Geometrie,\n          über Projektion, Geometriemodifikation und Generalisierung, dem Zuweisen graphischer\n          Repräsentationen und visueller Attribute bis zur Spezifikation von User-Interaktion – ist\n          dabei im API abgebildet und erlaubt die Erstellung von interaktiven Karten mit etablierten\n          Techniken in wenigen Zeilen, aber auch die Anpassung jeden Schrittes der\n          Visualisierungspipeline im Detail und somit die Entwicklung völlig neuer kartographischer\n          und hybrider Visualisierungstechniken. Dabei werden komplexe technische Details vom API\n          abstrahiert, um im Code den kartographischen Prozess klarer werden zu lassen –\n          Beispielsweise wird das asynchrone Laden von mehreren Ressourcen mittels Promises so\n          implementiert, das ein sequentieller Programmierstil ohne Callbacks angewendet werden\n          kann, oder per MapReduce-Modell das Filtern und Zusammenführen von Geometrie und Daten in\n          modularer Weise unterstützt.\n          Einige Case Studies zeigen den Einsatz von mapmap.js in der Praxis, u.a. im kürzlich\n          veröffentlichten „genderATlas“ für Österreich, und runden den Vortrag ab.\n\nDer Vortrag stellt eine vom Renderer unabhängige Methode zur Latinisierung von\n          OSM-basierten Karten vor. Als Datenquelle dient, wenn möglich, OSM selbst. Alternativ wird\n          Transkription verwendet, die jedoch viele Schriftsystem-abhängige Probleme birgt, für die\n          teilweise Lösungen aufgezeigt werden. Ferner wird auf politische Probleme bei der\n          Lokalisierung von Karten eingegangen.","original_language":"deu","persons":["Florian Ledermann"],"view_count":0,"promoted":false,"date":"2016-07-05T16:30:00.000+02:00","release_date":"2026-05-18T00:00:00.000+02:00","updated_at":"2026-05-18T21:08:50.773+02:00","tags":["5056","2016","fossgis2016","Freie Software","Grüner HS","fossgis2016-deu"],"length":1709,"duration":1709,"thumb_url":"https://static.media.ccc.de/media/events/fossgis/2016/5056-771e5fde-c1eb-4789-9fee-0b986620c5ee.jpg","poster_url":"https://static.media.ccc.de/media/events/fossgis/2016/5056-771e5fde-c1eb-4789-9fee-0b986620c5ee_preview.jpg","timeline_url":"https://static.media.ccc.de/media/events/fossgis/2016/5056-771e5fde-c1eb-4789-9fee-0b986620c5ee.timeline.jpg","thumbnails_url":"https://static.media.ccc.de/media/events/fossgis/2016/5056-771e5fde-c1eb-4789-9fee-0b986620c5ee.thumbnails.vtt","frontend_link":"https://media.ccc.de/v/fossgis2016-5056-mapmapjs-ein-kartograph","url":"https://api.media.ccc.de/public/events/771e5fde-c1eb-4789-9fee-0b986620c5ee","conference_title":"FOSSGIS 2016","conference_url":"https://api.media.ccc.de/public/conferences/fossgis2016","related":[],"recordings":[{"size":16,"length":1708,"mime_type":"audio/opus","language":"deu","filename":"fossgis-import-5056-deu-mapmapjs_-_Ein_kartographisches_API_fuer_interaktive_thematische_Karten_opus.opus","state":"new","folder":"opus","high_quality":false,"width":0,"height":0,"updated_at":"2026-05-18T21:08:50.724+02:00","recording_url":"https://cdn.media.ccc.de/events/fossgis/2016/opus/fossgis-import-5056-deu-mapmapjs_-_Ein_kartographisches_API_fuer_interaktive_thematische_Karten_opus.opus","url":"https://api.media.ccc.de/public/recordings/100596","event_url":"https://api.media.ccc.de/public/events/771e5fde-c1eb-4789-9fee-0b986620c5ee","conference_url":"https://api.media.ccc.de/public/conferences/fossgis2016"},{"size":26,"length":1709,"mime_type":"audio/mpeg","language":"deu","filename":"fossgis-import-5056-deu-mapmapjs_-_Ein_kartographisches_API_fuer_interaktive_thematische_Karten_mp3.mp3","state":"new","folder":"mp3","high_quality":false,"width":0,"height":0,"updated_at":"2026-05-18T21:07:48.402+02:00","recording_url":"https://cdn.media.ccc.de/events/fossgis/2016/mp3/fossgis-import-5056-deu-mapmapjs_-_Ein_kartographisches_API_fuer_interaktive_thematische_Karten_mp3.mp3","url":"https://api.media.ccc.de/public/recordings/100594","event_url":"https://api.media.ccc.de/public/events/771e5fde-c1eb-4789-9fee-0b986620c5ee","conference_url":"https://api.media.ccc.de/public/conferences/fossgis2016"},{"size":48,"length":1709,"mime_type":"video/mp4","language":"deu","filename":"fossgis-import-5056-deu-mapmapjs_-_Ein_kartographisches_API_fuer_interaktive_thematische_Karten_sd.mp4","state":"new","folder":"h264-sd","high_quality":false,"width":720,"height":576,"updated_at":"2026-05-18T21:06:56.194+02:00","recording_url":"https://cdn.media.ccc.de/events/fossgis/2016/h264-sd/fossgis-import-5056-deu-mapmapjs_-_Ein_kartographisches_API_fuer_interaktive_thematische_Karten_sd.mp4","url":"https://api.media.ccc.de/public/recordings/100593","event_url":"https://api.media.ccc.de/public/events/771e5fde-c1eb-4789-9fee-0b986620c5ee","conference_url":"https://api.media.ccc.de/public/conferences/fossgis2016"},{"size":99,"length":1709,"mime_type":"video/webm;codecs=av01","language":"deu","filename":"fossgis-import-5056-deu-mapmapjs_-_Ein_kartographisches_API_fuer_interaktive_thematische_Karten_av1-hd.webm","state":"new","folder":"av1-hd","high_quality":true,"width":1920,"height":1080,"updated_at":"2026-05-18T19:29:28.318+02:00","recording_url":"https://cdn.media.ccc.de/events/fossgis/2016/av1-hd/fossgis-import-5056-deu-mapmapjs_-_Ein_kartographisches_API_fuer_interaktive_thematische_Karten_av1-hd.webm","url":"https://api.media.ccc.de/public/recordings/100470","event_url":"https://api.media.ccc.de/public/events/771e5fde-c1eb-4789-9fee-0b986620c5ee","conference_url":"https://api.media.ccc.de/public/conferences/fossgis2016"},{"size":108,"length":1709,"mime_type":"video/mp4","language":"deu","filename":"fossgis-import-5056-deu-mapmapjs_-_Ein_kartographisches_API_fuer_interaktive_thematische_Karten_hd.mp4","state":"new","folder":"h264-hd","high_quality":true,"width":1920,"height":1080,"updated_at":"2026-05-18T19:20:35.240+02:00","recording_url":"https://cdn.media.ccc.de/events/fossgis/2016/h264-hd/fossgis-import-5056-deu-mapmapjs_-_Ein_kartographisches_API_fuer_interaktive_thematische_Karten_hd.mp4","url":"https://api.media.ccc.de/public/recordings/100465","event_url":"https://api.media.ccc.de/public/events/771e5fde-c1eb-4789-9fee-0b986620c5ee","conference_url":"https://api.media.ccc.de/public/conferences/fossgis2016"}]}