Benutzeroberfläche

In diesem Abschnitt werden einzelne Bestandteilen der Benutzeroberfläche konfiguriert, um die App zu individualisieren.

Mit Klick auf icon addElement öffnet sich das Auswahlmenü, welches die verfügbaren Bestandteile listet. Die Auswahl öffnet den entsprechenden Editor.

Die allgemeinen Aktionen für das Bearbeiten von Bestandteilen sind hier erläutert.

Überblick der UI-Bestandteile

Die folgenden Parameter können für die jeweiligen Bestandteile der Benutzeroberfläche konfiguriert werden:

Option	Beschreibung
Logo	URL zum Logo, das in der Kopfzeile der VC Map angezeigt wird.
Mobiles Logo	URL zu einer Variante des Logos für Mobilgeräte, die in der Kopfzeile der VC Map angezeigt wird.
Anwendungstitel	Definiert den Titel, welcher im Header der VC Map dargestellt wird.
Primärfarbe	Definiert die Hauptfarbe der Anwendung, in der Buttons und Hervorhebungen gestaltet sind.
Starte Feature Info	Definiert, ob das Infowerkzeug beim Start der VC Map aktiv geschaltet ist. Hierzu muss mindestens eine Ebene konfiguriert sein, die eine eine Feature Info Definition referenziert.
URL zur Hilfehauptseite	Gibt die Basis-URL an, die zur Hauptseite der Hilfe führt.
Positionsanzeige	Definiert, ob die Positionsanzeige über Klicken oder Mausbewegung aktualisiert wird. Klicken ist der Standardwert. Das Koordinatensystem der Positionsanzeige beruht auf dem Standardkoordinatensystem des Moduls. Zusätzlich wird immer EPSG:4326 angeboten.
Impressum	Erstellen eines Impressums über eine URL oder über einen Markup Text. Ist beides vorhanden wird die URL bevorzugt.
Datenschutzerklärung	Erstellen der Datenschutzerklärung über eine URL oder über einen Markup Text. Ist beides vorhanden wird die URL bevorzugt.
Individuelle Infoseite	Erstellen einer individuellen Infoseite mit Hilfe eines Markup Texts. Diese Seite ist anschließend in der VC Map App über das Menu zu erreichen.
Startbildschirm	Erstellen eines individuellen Startbildschirms mit Hilfe eines Markup Texts. Diese Seite wird anschließend automatisch beim Start der VC Map App aufgerufen.
Anzeigeeinstellungen	Ermöglicht das Ändern der Einstellungen für die Anzeigequalität von Karten. Im Moment werden nur Einstellungen für 3D-Karten (Cesium-Karten) unterstützt.

Option

Beschreibung

Logo

URL zum Logo, das in der Kopfzeile der VC Map angezeigt wird.

Mobiles Logo

URL zu einer Variante des Logos für Mobilgeräte, die in der Kopfzeile der VC Map angezeigt wird.

Anwendungstitel

Definiert den Titel, welcher im Header der VC Map dargestellt wird.

Primärfarbe

Definiert die Hauptfarbe der Anwendung, in der Buttons und Hervorhebungen gestaltet sind.

Starte Feature Info

Definiert, ob das Infowerkzeug beim Start der VC Map aktiv geschaltet ist. Hierzu muss mindestens eine Ebene konfiguriert sein, die eine eine Feature Info Definition referenziert.

URL zur Hilfehauptseite

Gibt die Basis-URL an, die zur Hauptseite der Hilfe führt.

Positionsanzeige

Definiert, ob die Positionsanzeige über Klicken oder Mausbewegung aktualisiert wird. Klicken ist der Standardwert.
Das Koordinatensystem der Positionsanzeige beruht auf dem Standardkoordinatensystem des Moduls. Zusätzlich wird immer EPSG:4326 angeboten.

Impressum

Erstellen eines Impressums über eine URL oder über einen Markup Text. Ist beides vorhanden wird die URL bevorzugt.

Datenschutzerklärung

Erstellen der Datenschutzerklärung über eine URL oder über einen Markup Text. Ist beides vorhanden wird die URL bevorzugt.

Individuelle Infoseite

Erstellen einer individuellen Infoseite mit Hilfe eines Markup Texts. Diese Seite ist anschließend in der VC Map App über das Menu zu erreichen.

Startbildschirm

Erstellen eines individuellen Startbildschirms mit Hilfe eines Markup Texts. Diese Seite wird anschließend automatisch beim Start der VC Map App aufgerufen.

Anzeigeeinstellungen

Ermöglicht das Ändern der Einstellungen für die Anzeigequalität von Karten. Im Moment werden nur Einstellungen für 3D-Karten (Cesium-Karten) unterstützt.

Anwenden übernimmt die getätigten Änderungen in die angezeigte App. Siehe auch Bearbeiten und Speichern.

Impressum

Option Beschreibung

Option	Beschreibung
Titel	Es kann ein Titel eingetragen werden, der in der Fußzeile als Link zum Impressum angezeigt wird. Dieser kann auch als Übersetzungsschlüssel angegeben werden. `Impressum` ist der Standardwert.
Impressum Quelle	Es kann zwischen URL und Text gewählt werden. URL setzt einen Link auf die angegebene Seite, bei der Option Text kann der Inhalt individuell mit Hilfe des Mardown Textformats definiert werden.
URL zu Ihrem Impressum	Die URL, die auf das Impressum einer externen Website verweist.
Inhalt zu Ihrem Impressum	Das Impressum kann alternativ direkt im Textfeld des Inhalts geschrieben werden. Dabei wird das Markdown Textformat Marked verwendet, um den Text automatisch nach HTML zu konvertieren. Das integrierte Textbeispiel soll dabei den Einstieg in die korrekte Syntax erleichtern. Der Inhalt kann auch als Übersetzungsschlüssel angegeben werden.

Titel

Es kann ein Titel eingetragen werden, der in der Fußzeile als Link zum Impressum angezeigt wird. Dieser kann auch als Übersetzungsschlüssel angegeben werden. Impressum ist der Standardwert.

Impressum Quelle

Es kann zwischen URL und Text gewählt werden. URL setzt einen Link auf die angegebene Seite, bei der Option Text kann der Inhalt individuell mit Hilfe des Mardown Textformats definiert werden.

URL zu Ihrem Impressum

Die URL, die auf das Impressum einer externen Website verweist.

Inhalt zu Ihrem Impressum

Das Impressum kann alternativ direkt im Textfeld des Inhalts geschrieben werden. Dabei wird das Markdown Textformat Marked verwendet, um den Text automatisch nach HTML zu konvertieren. Das integrierte Textbeispiel soll dabei den Einstieg in die korrekte Syntax erleichtern. Der Inhalt kann auch als Übersetzungsschlüssel angegeben werden.

Datenschutzerklärung

Option Beschreibung

Option	Beschreibung
Titel	Es kann ein Titel eingetragen werden, der in der Fußzeile als Link zur Datenschutzerklärung angezeigt wird. Dieser kann auch als Übersetzungsschlüssel angegeben werden. `Datenschutz` ist der Standardwert.
Datenschutz Quelle	Es kann zwischen URL und Text gewählt werden. URL setzt einen Link auf die angegebene Seite, bei der Option Text kann der Inhalt individuell mit Hilfe des Mardown Textformats definiert werden.
URL zu Ihrem Datenschutz	Die URL, die auf die Datenschutzerklärung einer externen Website verweist.
Inhalt zu Ihrem Datenschutz	Die Datenschutzerklärung kann alternativ direkt im Textfeld des Datenschutzeditors geschrieben werden. Dabei wird das Markdown Textformat Marked verwendet, um den Text automatisch nach HTML zu konvertieren. Das integrierte Textbeispiel soll dabei den Einstieg in die korrekte Syntax erleichtern. Der Inhalt kann auch als Übersetzungsschlüssel angegeben werden.

Titel

Es kann ein Titel eingetragen werden, der in der Fußzeile als Link zur Datenschutzerklärung angezeigt wird. Dieser kann auch als Übersetzungsschlüssel angegeben werden. Datenschutz ist der Standardwert.

Datenschutz Quelle

URL zu Ihrem Datenschutz

Die URL, die auf die Datenschutzerklärung einer externen Website verweist.

Inhalt zu Ihrem Datenschutz

Die Datenschutzerklärung kann alternativ direkt im Textfeld des Datenschutzeditors geschrieben werden. Dabei wird das Markdown Textformat Marked verwendet, um den Text automatisch nach HTML zu konvertieren. Das integrierte Textbeispiel soll dabei den Einstieg in die korrekte Syntax erleichtern. Der Inhalt kann auch als Übersetzungsschlüssel angegeben werden.

Individuelle Infoseite

Allgemeine Einstellungen

Option Beschreibung

Option	Beschreibung
Titel	Titel der Seite, welcher im Menueintrag und in der Kopfzeile des Fensters angezeigt wird. Der Titel kann auch als Übersetzungsschlüssel angegeben werden.
Icon	Icon welches im Menueintrag und in der Kopfzeile des Fensters vor dem Titel angezeigt wird. Es sind ausschließlich Material Design Icons möglich, welche anhand der Syntax `mdi-<icon-name>` angegeben werden.
Tooltip	Optionaler Text für den Tooltip, welcher angezeigt wird, sobald der Mauszeiger über den Eintrag bewegt wird. Der Tooltip kann auch als Übersetzungsschlüssel angegeben werden.

Titel

Titel der Seite, welcher im Menueintrag und in der Kopfzeile des Fensters angezeigt wird. Der Titel kann auch als Übersetzungsschlüssel angegeben werden.

Icon

Icon welches im Menueintrag und in der Kopfzeile des Fensters vor dem Titel angezeigt wird. Es sind ausschließlich Material Design Icons möglich, welche anhand der Syntax mdi-<icon-name> angegeben werden.

Tooltip

Optionaler Text für den Tooltip, welcher angezeigt wird, sobald der Mauszeiger über den Eintrag bewegt wird. Der Tooltip kann auch als Übersetzungsschlüssel angegeben werden.

Inhalt

Option	Beschreibung
Markdown Template	Der Inhalt der Seite wird direkt im Textfeld im Markdown Textformat Marked geschrieben, um den Text automatisch nach HTML zu konvertieren. Das integrierte Textbeispiel soll dabei den Einstieg in die korrekte Syntax erleichtern. Der Inhalt kann auch als Übersetzungsschlüssel angegeben werden.

Option

Beschreibung

Markdown Template

Der Inhalt der Seite wird direkt im Textfeld im Markdown Textformat Marked geschrieben, um den Text automatisch nach HTML zu konvertieren. Das integrierte Textbeispiel soll dabei den Einstieg in die korrekte Syntax erleichtern. Der Inhalt kann auch als Übersetzungsschlüssel angegeben werden.

Fenster Einstellungen

Option	Beschreibung
Links	Gibt die Positionierung (Abstand) des linken Fensterrandes relativ zur Kartenansicht in Pixel (px) oder Prozent (%) an. Der Standardwert ist 30%.
Oben	Gibt die Positionierung (Abstand) des oberen Fensterrandes relativ zur Kartenansicht in Pixel (px) oder Prozent (%) an. Der Standardwert ist 10%.
Rechts	Gibt die Positionierung (Abstand) des rechten Fensterrandes relativ zur Kartenansicht in Pixel (px) oder Prozent (%) an. Der Standardwert ist 30%.
Unten	Gibt die Positionierung (Abstand) des unteren Fensterrandes relativ zur Kartenansicht in Pixel (px) oder Prozent (%) an. Der Standardwert ist 20%.
Höhe	Feste Höhe des Fensters in Pixel (px) oder Prozent (%). Unabhängig vom Inhalt wird dieser Wert strikt eingehalten. Der Standardwert ist auto.
Max. Höhe	Maximale Höhe des Fensters in Pixel (px) oder Prozent (%). Die Fensterhöhe wird an den Inhalt angepasst, beträgt aber maximal den angegebenen Wert. Der Standardwert ist auto.
Min. Höhe	Minimale Höhe des Fensters in Pixel (px) oder Prozent (%). Die Fensterhöhe wird an den Inhalt angepasst, beträgt aber mindestens den angegebenen Wert. Der Standardwert ist auto.
Breite	Breite des Fensters in Pixel (px) oder Prozent (%). Unabhängig vom Inhalt wird dieser Wert strikt eingehalten. Der Standardwert ist auto.
Max. Breite	Maximale Breite des Fensters in Pixel (px) oder Prozent (%). Die Fensterbreite wird an den Inhalt angepasst, beträgt aber maximal den angegebenen Wert.
Min. Breite	Minimale Breite des Fensters in Pixel (px) oder Prozent (%). Die Fensterbreite wird an den Inhalt angepasst, beträgt aber mindestens den angegebenen Wert. Der Standardwert ist auto.

Option

Beschreibung

Links

Gibt die Positionierung (Abstand) des linken Fensterrandes relativ zur Kartenansicht in Pixel (px) oder Prozent (%) an. Der Standardwert ist 30%.

Oben

Gibt die Positionierung (Abstand) des oberen Fensterrandes relativ zur Kartenansicht in Pixel (px) oder Prozent (%) an. Der Standardwert ist 10%.

Rechts

Gibt die Positionierung (Abstand) des rechten Fensterrandes relativ zur Kartenansicht in Pixel (px) oder Prozent (%) an. Der Standardwert ist 30%.

Unten

Gibt die Positionierung (Abstand) des unteren Fensterrandes relativ zur Kartenansicht in Pixel (px) oder Prozent (%) an. Der Standardwert ist 20%.

Höhe

Feste Höhe des Fensters in Pixel (px) oder Prozent (%). Unabhängig vom Inhalt wird dieser Wert strikt eingehalten. Der Standardwert ist auto.

Max. Höhe

Maximale Höhe des Fensters in Pixel (px) oder Prozent (%). Die Fensterhöhe wird an den Inhalt angepasst, beträgt aber maximal den angegebenen Wert. Der Standardwert ist auto.

Min. Höhe

Minimale Höhe des Fensters in Pixel (px) oder Prozent (%). Die Fensterhöhe wird an den Inhalt angepasst, beträgt aber mindestens den angegebenen Wert. Der Standardwert ist auto.

Breite

Breite des Fensters in Pixel (px) oder Prozent (%). Unabhängig vom Inhalt wird dieser Wert strikt eingehalten. Der Standardwert ist auto.

Max. Breite

Maximale Breite des Fensters in Pixel (px) oder Prozent (%). Die Fensterbreite wird an den Inhalt angepasst, beträgt aber maximal den angegebenen Wert.

Min. Breite

Minimale Breite des Fensters in Pixel (px) oder Prozent (%). Die Fensterbreite wird an den Inhalt angepasst, beträgt aber mindestens den angegebenen Wert. Der Standardwert ist auto.

Startbildschirm

Allgemeine Einstellungen

Option Beschreibung

Option	Beschreibung
Zusätzlich Menueintrag erzeugen	Der Startbildschirm automatisch beim Start der VC Map App aufgerufen. Wird diese Option aktiviert, wird ein zusätzlicher Eintrag zur Seite im Menu erzeugt, über den die Informationen im späteren Verlauf erneut aufgerufen werden können.
Titel	Titel der Seite, welcher im Menueintrag angezeigt wird. Der Titel kann auch als Übersetzungsschlüssel angegeben werden.
Icon	Icon welches im Menueintrag vor dem Titel angezeigt wird. Es sind ausschließlich Material Design Icons möglich, welche anhand der Syntax `mdi-<icon-name>` angegeben werden.
Tooltip	Optionaler Text für den Tooltip, welcher angezeigt wird, sobald der Mauszeiger über den Eintrag bewegt wird. Der Tooltip kann auch als Übersetzungsschlüssel angegeben werden.

Zusätzlich Menueintrag erzeugen

Der Startbildschirm automatisch beim Start der VC Map App aufgerufen. Wird diese Option aktiviert, wird ein zusätzlicher Eintrag zur Seite im Menu erzeugt, über den die Informationen im späteren Verlauf erneut aufgerufen werden können.

Titel

Titel der Seite, welcher im Menueintrag angezeigt wird. Der Titel kann auch als Übersetzungsschlüssel angegeben werden.

Icon

Icon welches im Menueintrag vor dem Titel angezeigt wird. Es sind ausschließlich Material Design Icons möglich, welche anhand der Syntax mdi-<icon-name> angegeben werden.

Tooltip

Optionaler Text für den Tooltip, welcher angezeigt wird, sobald der Mauszeiger über den Eintrag bewegt wird. Der Tooltip kann auch als Übersetzungsschlüssel angegeben werden.

Inhalt

Option	Beschreibung
Markdown Template	Der Inhalt der Seite wird direkt im Textfeld im Markdown Textformat Marked geschrieben, um den Text automatisch nach HTML zu konvertieren. Das integrierte Textbeispiel soll dabei den Einstieg in die korrekte Syntax erleichtern. Der Inhalt kann auch als Übersetzungsschlüssel angegeben werden.

Option

Beschreibung

Markdown Template

Fenster Einstellungen

Option	Beschreibung
Höhe	Feste Höhe des Fensters in Pixel (px) oder Prozent (%). Unabhängig vom Inhalt wird dieser Wert strikt eingehalten. Der Standardwert sind 500px.
max. Höhe	Maximale Höhe des Fensters in Pixel (px) oder Prozent (%). Die Fensterhöhe wird an den Inhalt angepasst, beträgt aber maximal den angegebenen Wert. Der Standardwert sind 500px.
Breite	Breite des Fensters in Pixel (px) oder Prozent (%). Unabhängig vom Inhalt wird dieser Wert strikt eingehalten. Der Standardwert sind 800px.
max. Breite	Maximale Breite des Fensters in Pixel (px) oder Prozent (%). Die Fensterbreite wird an den Inhalt angepasst, beträgt aber maximal den angegebenen Wert. Der Standardwert sind 800px.

Option

Beschreibung

Höhe

Feste Höhe des Fensters in Pixel (px) oder Prozent (%). Unabhängig vom Inhalt wird dieser Wert strikt eingehalten. Der Standardwert sind 500px.

max. Höhe

Maximale Höhe des Fensters in Pixel (px) oder Prozent (%). Die Fensterhöhe wird an den Inhalt angepasst, beträgt aber maximal den angegebenen Wert. Der Standardwert sind 500px.

Breite

Breite des Fensters in Pixel (px) oder Prozent (%). Unabhängig vom Inhalt wird dieser Wert strikt eingehalten. Der Standardwert sind 800px.

max. Breite

Maximale Breite des Fensters in Pixel (px) oder Prozent (%). Die Fensterbreite wird an den Inhalt angepasst, beträgt aber maximal den angegebenen Wert. Der Standardwert sind 800px.

Anzeigeeinstellungen

Option	Beschreibung
Starteinstellung	Hier kann festgelegt werden mit welcher Einstellung (niedrig, mittel, hoch) die Desktopanwendung startet.
Starteinstellung - mobil	Hier kann festgelegt werden mit welcher Einstellung (niedrig, mittel, hoch) die Mobilanwendung startet
Individuelle Einstellungen für (niedrig, mittel, hoch):
sync button	Synchronisiert die Einstellungen mit der 3D Karte für den jeweiligen Modus (niedrig, mittel, hoch), die Änderungen werden direkt in der Karte angewendet
SSE	Definiert den Screenspace Error Factor (SSE) der Karte. Dieser Faktor wird mit dem SSE der Karte multipliziert.
FXAA	Definiert, ob der Fast Approximate Anti-Aliasing Algorithmus (FXAA) zur Kantenglättung verwendet werden soll.
Fog	Auswahl, ob Nebel dargestellt werden soll. Nebel verringert die Sichtweite, steigert aber die Performance.
Fog Density	Spezifiziert den Faktor mit dem der Wert der Nebeldichte der Karte multipliziert wird.
Fog SSE	Spezifiziert den Faktor mit dem der Screenspace Error des Nebels der Karte multipliziert wird.
Auflösungsfaktor	Skalierungsfaktor der Auflösung der Anwendung. Ein Wert von 1 übernimmt die Auflösung des Browsers. Dies entspricht der besten Qualität. Ein höherer Wert vergrößert die Auflösung; z.B. wird bei einem Wert von 0.5 nur ein viertel der Pixel gerendert. Falls ein höherer Wert als 1 angegeben wird rendert der Browser in der höheren Auflösung und skaliert das Ergebnis dann auf die Auflösung der Anzeige herunter.
Ebenen SSE	Spezifiziert den Faktor mit dem der Screenspace Error der Datenquelle multipliziert wird.

Option

Beschreibung

Starteinstellung

Hier kann festgelegt werden mit welcher Einstellung (niedrig, mittel, hoch) die Desktopanwendung startet.

Starteinstellung - mobil

Hier kann festgelegt werden mit welcher Einstellung (niedrig, mittel, hoch) die Mobilanwendung startet

Individuelle Einstellungen für (niedrig, mittel, hoch):

sync button

Synchronisiert die Einstellungen mit der 3D Karte für den jeweiligen Modus (niedrig, mittel, hoch), die Änderungen werden direkt in der Karte angewendet

SSE

Definiert den Screenspace Error Factor (SSE) der Karte. Dieser Faktor wird mit dem SSE der Karte multipliziert.

FXAA

Definiert, ob der Fast Approximate Anti-Aliasing Algorithmus (FXAA) zur Kantenglättung verwendet werden soll.

Fog

Auswahl, ob Nebel dargestellt werden soll. Nebel verringert die Sichtweite, steigert aber die Performance.

Fog Density

Spezifiziert den Faktor mit dem der Wert der Nebeldichte der Karte multipliziert wird.

Fog SSE

Spezifiziert den Faktor mit dem der Screenspace Error des Nebels der Karte multipliziert wird.

Auflösungsfaktor

Skalierungsfaktor der Auflösung der Anwendung. Ein Wert von 1 übernimmt die Auflösung des Browsers. Dies entspricht der besten Qualität. Ein höherer Wert vergrößert die Auflösung; z.B. wird bei einem Wert von 0.5 nur ein viertel der Pixel gerendert. Falls ein höherer Wert als 1 angegeben wird rendert der Browser in der höheren Auflösung und skaliert das Ergebnis dann auf die Auflösung der Anzeige herunter.

Ebenen SSE

Spezifiziert den Faktor mit dem der Screenspace Error der Datenquelle multipliziert wird.