Altes Köln

Schulkarte-Test: Unterschied zwischen den Versionen

Aus Altes Köln
Wechseln zu:Navigation, Suche
(Kommentierung und Dokumentation)
 
(6 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 ==
// Bereitet die Daten vor mit benutzerspefizifischen data-* Attributen (gemäß HTML 5 auf)
<!--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)
// Die Attribute werden anschließend im aufgerufenen Widget:LeafletSMWMap verarbeitet.
  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.-->
    style="width:100%; height:500px;"> // Größe und Stil des anzuzeigenden div-Elements
     data-query= <!-- Query-String nach SMW-Synthax, in "" eingeschlossen -->
     data-query="
        "
         [[Kategorie:Schule]]
         [[Kategorie:Schule]]
         [[Position::+]]
         [[Position::+]]
Zeile 16: 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 -->
</div> // Ende des div smwmap


{{#widget:LeafletSMWMap}} // Aufruf des Widgets mit den data-* Attributen
    style="width:100%; height:500px;"> <!--Größe und Stil des anzuzeigenden div-Elements-->
</div> <!--Ende des div smwmap-->


{{#widget:LeafletSMWMap}} <!--Aufruf des Widgets mit den oben definierten data-* Attributen-->


 
== 1. Versuch (nur eine Markerfarbe)==
 
== Test mit Leaflet (mit spezifischem Widget nur für Schulkarte) - verschiedene Markerfarben ==
{{#widget:SchulkarteLeaflet}}
 
== 1. Versuch mit (nur eine Markerfarbe)==
{{#ask:
{{#ask:
  [[Kategorie:Schule]]
  [[Kategorie:Schule]]
Zeile 57: 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

1. Versuch (nur eine Markerfarbe)

Die Karte wird geladen …

noch eine Karte (nur eine Markerfarbe)

Die Karte wird geladen …

Test mit Leaflet (mit spezifischem Widget nur für Schulkarte) - verschiedene Markerfarben

Cookies helfen uns bei der Bereitstellung von Altes Köln. Durch die Nutzung von Altes Köln erklärst du dich damit einverstanden, dass wir Cookies speichern.