Anforderungen an einen kartographischen Viewer für ... - Carto:net
Anforderungen an einen kartographischen Viewer für ... - Carto:net
Anforderungen an einen kartographischen Viewer für ... - Carto:net
Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.
YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.
Abb. 50: Übersicht der <strong>kartographischen</strong> Interaktionsmöglichkeiten<br />
Vorg<strong>an</strong>g Ereignis Funktion Akteur<br />
Initialisierung der Anwendung onload init<strong>Viewer</strong>() äußerstes SVG Element<br />
Skalierung der Karten<strong>an</strong>sicht onclick zoom() Lupen<br />
Verschieben der Karte onclick p<strong>an</strong>() Verschiebebalken<br />
Drill-Down Mapping onclick zoomToBox() Kartenobjekte<br />
Originale Karten<strong>an</strong>sicht<br />
wiederherstellen<br />
Roll-Up onclick thisView()<br />
onclick thisView() aktuelle Übersichtskarte<br />
übergeord<strong>net</strong>e<br />
Übersichtskarte<br />
Roll-Up onclick closeMapLayer() Button im Kartenfenster<br />
Diagrammtyp ändern onclick selection() Drop-Down Liste<br />
Quelle: Eigene Darstellung, vgl. Anh<strong>an</strong>g events_"Funktion".js.<br />
4 Der Prototyp<br />
Hinweis: Die Akteure eines Events können noch weitere User Interface Events besitzen, die sind aber im <strong>kartographischen</strong><br />
Kontext nicht von großer Bedeutung und dienen nur als Stilmittel.<br />
Zusätzlich sind noch die Events der Drop Down Liste zu erwähnen, die deren Auf- und Zuklappen<br />
realisieren (vgl. Anh<strong>an</strong>g event_dropdownlist.js).<br />
4.3.1.7 Formatvorlagen zur individuellen Stilisierung<br />
Die Formatvorlagen dienen zur Stilisierung der geometrischen SVG Elemente. Im Prototypen<br />
werden sie global in einem externen Cascading Style Sheets Dokument deklariert. Generell machen<br />
die Formatvorlagen Sinn, wenn ein "Style" mehrere Male verwendet wird. Weiter tragen sie zur<br />
einfachen Konfigurierbarkeit der Anwendung bei. Die Vorlagen dienen nicht nur dem äußeren<br />
Design, sondern stellen auch "Styles" <strong>für</strong> den Karteninhalt zur Verfügung (vgl. Anh<strong>an</strong>g, style.css).<br />
4.3.2 Inneres Designmodul des Prototypen<br />
Das Innere Designmodul, auch Kartenkomponente gen<strong>an</strong>nt, beh<strong>an</strong>delt alle <strong>für</strong> die Kartengraphik<br />
wichtigen Module.<br />
4.3.2.1 Kartenebene<br />
Die Kartenebenen drücken alle <strong>kartographischen</strong> Best<strong>an</strong>dteile einer Karten<strong>an</strong>sicht aus. Im SVG<br />
Baum wird eine Kartengruppe durch ein Containerelement, hier durch ein Element, realisiert.<br />
Die Inhalte einer Kartenebene sind dessen Kinder (vgl. dazu Abbildung 40). Abbildung 46 zeigt<br />
das MapLayer Objekt als Best<strong>an</strong>dteil des MapSet's (vgl. Kapitel 4.2.1.2). Die createMapGroup()<br />
Methode erzeugt das Containerelement dieser Kartenebene und inst<strong>an</strong>ziert die nötigen Basisdaten<br />
des SVG Definitionsteils. drawMapGroup() stellt die Karte mit zugehöriger Legende und<br />
Übersichtskarte dar. Die Methoden hideMapLayer() und showMapLayer() verstecken und zeigen eine<br />
entsprechende Kartenebene (vgl. Anh<strong>an</strong>g MapLayer.js).<br />
Mit der addViewBox() Methode wird ein neues Viewbox Objekt inst<strong>an</strong>ziert. Dessen Methode calc()<br />
berech<strong>net</strong> und speichert die originalen Viewboxwerte einer Kartenebene. Zur Wiederherstellung<br />
der originalen Karten<strong>an</strong>sicht eines Layer's dient die set() Methode (vgl. Anh<strong>an</strong>g, Viewbox.js).<br />
4.3.2.2 Der Diagrammgenerator<br />
Das Herzstück der Kartenkomponente ist der Diagrammgenerator, bestehend aus verschiedenen<br />
Objekten mit Methoden zum Berechnen sowie Zeichnen von Diagrammen und Legende. Zudem<br />
lesen weitere Hilfsobjekte die Diagrammeigenschaften aus den Anwendungseinstellungen. Zur<br />
78