Anforderungen an einen kartographischen Viewer für ... - Carto:net

Die globale Variable dsc deklariert den Datencontainer der Anwendung.
4.3.1.2 MapSet
4 Der Prototyp
Ein MapSet speichert Eigenschaften der Anwendung und kreiert durch seine Methoden alle für die
Kartenansicht wichtigen Bestandteile. Dazu gehören die Werkzeuge zur Navigation, der
Maßstabsbalken sowie der Kartenrand. Im Prototyp ist dafür das MapSet Objekt mit dessen
Attributen beziehungsweise Methoden vorgesehen. Abbildung 46 gibt einen Überblick darüber und
zeigt alle mit dem MapSet verbundenen Objekte.
Abb. 46: Darstellung der mit dem MapSet verbundenen Javascript Objekte
Quelle: Eigene Darstellung, vgl. Anhang MapSet.js.
Wie in der Abbildung zu erkennen ist, sind weitere Methoden vorhanden, die der Kartenansicht
Rahmenfunktionalität geben. Dazu zählen die addMapLayer() Methode, die ein neues MapLayer
Objekt instanziert (vgl. Kapitel 4.2.2.1) und dem Attributfeld item hinzufügt. Zudem regelt die
setScaleFactor() Methode den globalen "Scalefactor" der Karte, der zum Berechnen der
Zoomstufen von Bedeutung ist. Das MapSet ist in einer globalen Variable deklariert, damit dessen
Methoden und Attribute der Anwendung zur Verfügung stehen.
4.3.1.2.1 Der interaktive Kartenrahmen
Als den Kartenrahmen bezeichnet man die Umrandung des Kartenfensters. Er beinhaltet einen
graphischen Rahmen und einen Button zum Roll-Up. Im Prototyp steht zur Erstellung des
Kartenrahmens das MapFrame Objekt zur Verfügung (vgl. Anhang MapFrame.js). Durch die
addCloseMapButton() Methode wird ein eigenes Button Objekt instanziert. Die Geometrie des
Buttons ist im Definitionsteil des SVG DOM's vorhanden. Das Button Objekt fügt dem SVG Baum
ein Element zu, das den Button instanziert und platziert (vgl. Anhang Button.js).
4.3.1.2.2 Räumliche Navigationselemente zur Kartentranslation
Räumliche Navigationselemente zur Kartentranslation dienen zum Verschieben der Kartenansicht.
Das PanTools Objekt mit dessen addPanel() Methode erstellt die interaktiven Balken zum
Verschieben der Kartenansicht und fügt diese dem SVG DOM an (vgl. Anhang PanTools.js).
75