14.11.2012 Aufrufe

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

MEHR ANZEIGEN
WENIGER ANZEIGEN

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

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!