... | @@ -3,14 +3,14 @@ |
... | @@ -3,14 +3,14 @@ |
|
*Autor: Thomas Knäuper*
|
|
*Autor: Thomas Knäuper*
|
|
|
|
|
|
### Konfiguration der Symbole
|
|
### Konfiguration der Symbole
|
|
Im Folgenden ist beschrieben, wie die Symbole im Code konfiguriert sind. Die Konfiguration wird in der `map.js`, im "js" Ordner im [GitHub-Repository](https://github.com/bogeo/web3dscan/blob/master/js/map.js), vorgenommen. Detailliertere Information sind dem Code zu entnehmen.
|
|
Im Folgenden ist beschrieben, wie die Symbole im Code konfiguriert sind. Die Konfiguration wird in der `map.js`, im "js" Ordner im [GitHub-Repository](https://github.com/bogeo/web3dscan/blob/master/js/map.js), vorgenommen. Detailliertere Information sind dem Quellcode zu entnehmen.
|
|
|
|
|
|
Die Erstellung der Symbole erfolgt über die Funktion `pointIcons`. Als Funktionsparameter werden dabei der Klassenname und die Url für das zugehörige Symbol übergeben. Zurückgegeben wird `pointIcon` als icon instance. `pointIcon` muss mit `new` angelegt werden. Anschließend wird dieses der `map` hinzugefügt.
|
|
Die Erstellung der Symbole erfolgt über die Funktion `pointIcons`. Als Funktionsparameter werden dabei der Klassenname und die Url für das zugehörige Symbol übergeben. Zurückgegeben wird `pointIcon` als icon instance. `pointIcon` muss mit `new` angelegt werden. Anschließend wird dieses der `map` hinzugefügt.
|
|
|
|
|
|
Die Eigenschaften der Symbole sind auf die Url, die Symbolgröße und den Klassennamen beschränkt. Weitere Möglichkeiten, zur icon-Konfiguration sind unter [Leaflet Icon](https://leafletjs.com/reference.html#icon) aufgeführt. Die Icons befinden sich im Ordner "images" im [GitHub-Repository](https://github.com/bogeo/web3dscan/tree/master/images), dort können diese bei Bedarf, mit einer .svg fähigen Software angepasst werden. Inkscape wird zur Verwendung empfohlen.
|
|
Die Eigenschaften der Symbole sind auf die URL, die Symbolgröße und den Klassennamen beschränkt. Weitere Möglichkeiten, zur icon-Konfiguration sind unter [Leaflet Icon](https://leafletjs.com/reference.html#icon) aufgeführt. Die Icons befinden sich im Ordner "images" im [GitHub-Repository](https://github.com/bogeo/web3dscan/tree/master/images), dort können diese bei Bedarf, mit einer .svg fähigen Software angepasst werden. Inkscape wird zur Verwendung empfohlen.
|
|
|
|
|
|
Beim Starten der Anwendung und Laden der Daten, in die Karte `function fetchHandstuecke`, wird für jedes Feature ein Symbol eingefügt. Da die Zuweisung der Daten des WFS zu den korrekten Symbolen noch nicht bekannt ist, erfolgt dies zunächst über das letzte Zeichen des „PROBE“ Feldes des WFS. Zu einem späteren Zeitpunkt soll die Zuordnung über den Cross-Referencer oder ein Feld im WFS erfolgen.
|
|
Beim Starten der Anwendung und Laden der Daten, in die Karte `function fetchHandstuecke`, wird für jedes Feature ein Symbol eingefügt. Da die Zuweisung der Daten des WFS zu den korrekten Symbolen noch nicht bekannt ist, erfolgt dies zunächst über das letzte Zeichen des „PROBE“ Feldes des WFS. Zu einem späteren Zeitpunkt soll die Zuordnung über den Cross-Referencer oder ein Feld im WFS erfolgen.
|
|
|
|
|
|
Ist ein Feature in der Karte ausgewählt, erfolgt die Symbolzuweisung über die eindeutige Leaflet-Id. Mit `.setIcon` wird das vorhandene Symbol überschrieben. Wird ein weiteres Feature ausgewählt, wurde nach dem Auswählen des ersten, die Leaflet-Id gespeichert. Über diesen Verweis wird das passende Symbol wieder auf den Originalzustand zurückgesetzt und das aktive Symbol korrekt dargestellt.
|
|
Ist ein Feature in der Karte ausgewählt, erfolgt die Symbolzuweisung über die eindeutige Leaflet-ID. Mit `.setIcon` wird das vorhandene Symbol überschrieben. Wird ein weiteres Feature ausgewählt, wurde nach dem Auswählen des ersten, die Leaflet-Id gespeichert. Über diesen Verweis wird das passende Symbol wieder auf den Originalzustand zurückgesetzt und das aktive Symbol korrekt dargestellt.
|
|
|
|
|
|
[(Zurück zum Inhalt des Endberichts)](https://gitlab.fbg-hsbo.de/web3dscans/web3dscans1/wikis/Endbericht) |
|
[(Zurück zum Inhalt des Endberichts)](https://gitlab.fbg-hsbo.de/web3dscans/web3dscans1/wikis/Endbericht) |