Für einen interaktiven Stockwerkplan benötigen wir eine Illustrator Datei welche in einer bestimmten Struktur aufgebaut ist. Was das für eine Struktur ist, erklären wir euch gerne auf dieser Seite. Wenn Fragen auftauchen, könnt ihr uns auch gerne kontaktieren:
Das nachfolgende Bild zeigt die verschiedenen Elemente der Beispielisometrie:
Für eine einfache Umsetzung der Isometrie ist es wichtig, dass die verschiedenen Ebenen und Objekte strukturiert werden. Alle gewünschten Elemente, welche auch zusammen dargestellt werden sollen, sollten in einer Ebene sein. Die Illustrator Datei von unserem Beispiel enthält somit die folgenden Ebenen:
die Minimap mit allen Gebäuden
den Kompass
die einzelnen Gebäude mit den jeweiligen Stockwerken und Räumen
Damit die Interaktion zwischen Tabelle und Grafik möglichst automatisiert passiert, sollten die Gebäude und Wohnungen die folgende Bezeichnung haben:
Bei mehreren Gebäuden werden die Gebäude mit B (Building) und einer Nummer bezeichnet. Zb: B1, B2, B3 etc.
Die weiteren Bezeichnungen folgen dem gleichen Muster: Bezeichnung und Nummer. Die Bezeichnungen für die weiteren Elemente sind:
F (Floor) für die verschiedenen Stockwerke
A (Apartment) für die Wohnungen
T (Typ) für verschiedene Nutztypen (bspw. für Büro = T1; Gewerbe = T2; etc. - ein Typ pro farbliche Gestaltung der Objekte)
Diese Benennungen sollten auch eingehalten werden, wenn es nur ein Gebäude oder einen Wohnungstyp gibt. Denn gleich benannte Ebenen führt beim Export des SVG's zu Problemen.
Das untenstehende Bild zeigt die Hierarchie der Illustrator Datei von unserer Beispiel-Isometrie:
Die zusätzlichen Elemente, welche zu den Häusern, Stockwerken, etc. gehören, sollten ebenfalls in der entsprechenden Ebene platziert werden. Im oben gezeigten Illustrator Dokument steht neben dem Gebäude eine Hausnummer. Diese Nummer sollte somit auch in der entsprechenden Ebene des Hauses platziert werden.
Das folgende Bild zeigt links ein Gebäude der Isometrie und rechts das entsprechende Element der Illustrator Datei:
Die verschiedenen Farben der Status und Hover-Zustände der Gebäude und Wohnungen können in einer zusätzlichen Ebene platziert werden oder uns auch einfach mitgeteilt werden. Wir unterscheiden zwischen normal (frei), besetzt, hover.
Zusätzlich zur Gestaltung brauchen wir die Tabelleneinträge mit einem beliebigen Tabellenkalkulationsprogramm erstellt (bspw. Excel). Darin sollte eine Spalte erfasst sein welche die Zuordnung zum entsprechenden Objekt in der Illustrator Datei zulässt. Bspw. mit der selben Bezeichnung B1-F1-A1-T1.
Dann fehlen nur noch die PDF's mit den Flächeplänen der Wohnungen. Die jeweiligen PDF's beschriftet ihr am besten gleich mit der Wohunungsbezeichnung und könnt sie selbstständig in der Cmsbox hochladen.
Wir arbeiten mit Hochdruck an einer Lösung zur Behebung der Probleme.