Schulkarte-Test: Unterschied zwischen den Versionen
Aus Altes Köln
(→Test mit Vorlage und generischem Widget - verschiedene Markerfarben: Weiter dokumentiert) |
|||
| (5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| 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" <!-- Name des div-Objektes, wird von #widget:LeafletSMWMap so erwartet.--> | |||
<div id="smwmap" | data-query= <!-- Query-String nach SMW-Synthax, in "" eingeschlossen --> | ||
" | |||
data-query=" | |||
[[Kategorie:Schule]] | [[Kategorie:Schule]] | ||
[[Position::+]] | [[Position::+]] | ||
| Zeile 17: | 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 Markertypen. Bilddateien für Marker müssen im Namensraum Datei: vorliegen--> | ||
" | |||
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--> | |||
</div> <!--Ende des div smwmap--> | </div> <!--Ende des div smwmap--> | ||
{{#widget:LeafletSMWMap}} | {{#widget:LeafletSMWMap}} <!--Aufruf des Widgets mit den oben definierten data-* Attributen--> | ||
== 1. Versuch (nur eine Markerfarbe)== | |||
== 1. Versuch | |||
{{#ask: | {{#ask: | ||
[[Kategorie:Schule]] | [[Kategorie:Schule]] | ||
| Zeile 55: | Zeile 54: | ||
|icon=File:MarkerBlau.png | |icon=File:MarkerBlau.png | ||
}} | }} | ||
- | |||
== Test mit Leaflet (mit spezifischem Widget nur für Schulkarte) - verschiedene Markerfarben == | |||
{{#widget:SchulkarteLeaflet}} | |||
Aktuelle Version vom 20. Dezember 2025, 12:35 Uhr
Test mit Vorlage und generischem Widget - verschiedene Markerfarben