Schulkarte-Test: Unterschied zwischen den Versionen
Aus Altes Köln
(→Test mit Vorlage und generischem Widget - verschiedene Markerfarben: Zeilen auch für iconmap strutkuriert) |
(→Test mit Vorlage und generischem Widget - verschiedene Markerfarben: Weiter dokumentiert) |
||
| Zeile 1: | Zeile 1: | ||
== Test mit Vorlage und generischem Widget - verschiedene Markerfarben == | == Test mit Vorlage und generischem Widget - verschiedene Markerfarben == | ||
<!-- | <!--Mit benutzerspefizifischen data-* Attributen (gemäß HTML 5) werden die Daten vorbereitet. | ||
Solche Attribute gelten nur innerhalb des vorgegebenen HTML-Elements (hier div "smwmap) | Solche Attribute gelten nur innerhalb des vorgegebenen HTML-Elements (hier div "smwmap) | ||
Auf die Attribute kann anschließend das aufgerufene Widget:LeafletSMWMap zugreifen, weil es die div-id kennt. | |||
Die Parameter wie data-query, data-iconmap etc. sind einfache Strings, | Die Parameter wie data-query, data-iconmap etc. sind einfache Strings, | ||
die vom Widget verarbeitet werden | die später vom Widget verarbeitet werden. | ||
--> | --> | ||
<div id="smwmap" | <div id="smwmap" <!-- Name des div-Objektes, wird von #widget:LeafletSMWMap so erwartet. | ||
data-query=" | data-query= <!-- Query-String nach SMW-Synthax, in "" eingeschlossen --> | ||
" | |||
[[Kategorie:Schule]] | [[Kategorie:Schule]] | ||
[[Position::+]] | [[Position::+]] | ||
| Zeile 15: | Zeile 16: | ||
" | " | ||
data-position="Position" | data-position="Position" | ||
data-type="Schultyp" | data-type="Schultyp" <!-- Auswahl des Datentyps für die Unterscheidung der Marker --> | ||
data-iconmap=" | data-iconmap= <!-- Mapping der Datentypen auf Marker (müssen als Namensraum Datei: liegen) | ||
<!-- Einschließung in "" und Trennung durch ; beachten --> | |||
" | |||
Gymnasium=MarkerRot.png; | Gymnasium=MarkerRot.png; | ||
Volksschule=MarkerBlau.png | Volksschule=MarkerBlau.png | ||
" | " | ||
data-defaulticon="MarkerGreen.png" | data-defaulticon="MarkerGreen.png" <!-- Default Marker für nicht zugeordnete Objekte --> | ||
style="width:100%; height:500px;"><!--Größe und Stil des anzuzeigenden div-Elements--> | style="width:100%; height:500px;"><!--Größe und Stil des anzuzeigenden div-Elements--> | ||
Version vom 20. Dezember 2025, 12:29 Uhr
Test mit Vorlage und generischem Widget - verschiedene Markerfarben