Altes Köln

Schulkarte-Test: Unterschied zwischen den Versionen

Aus Altes Köln
Wechseln zu:Navigation, Suche
(weiter aufgeräumt)
(Kommentierung und Dokumentation)
Zeile 1: Zeile 1:
== 1. Versuch (nur eine Markerfarbe)==
== Test mit Vorlage und generischem Widget - verschiedene Markerfarben ==
// Bereitet die Daten vor mit benutzerspefizifischen data-* Attributen (gemäß HTML 5 auf)
// Solche Attribute gelten nur innerhalb des vorgegebenen HTML-Elements (hier div "smwmap)
// Die Attribute werden anschließend im aufgerufenen Widget:LeafletSMWMap verarbeitet.
// Die Parameter wie data-query, data-iconmap etc. sind einfache Strings,
// die vom Widget verarbeitet werden
 
<div id="smwmap"
    style="width:100%; height:500px;"> // Größe und Stil des anzuzeigenden div-Elements
    data-query="
        [[Kategorie:Schule]]
        [[Position::+]]
        |?Position
        |?Schultyp
        |limit=5000
        "
    data-position="Position"
    data-type="Schultyp"
    data-iconmap="
        Gymnasium=MarkerRot.png;
        Volksschule=MarkerBlau.png
        "
    data-defaulticon="MarkerGreen.png"
</div> // Ende des div smwmap
 
{{#widget:LeafletSMWMap}} // Aufruf des Widgets mit den data-* Attributen
 
 
 
 
== 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 25: Zeile 58:
}}
}}
-->
-->
== Test mit Leaflet (mit spezifischem Widget nur für Schulkarte) - verschiedene Markerfarben ==
{{#widget:SchulkarteLeaflet}}
== Test mit Vorlage und generischem Widget - verschiedene Markerfarben ==
<div id="smwmap"
    data-query="[[Kategorie:Schule]] [[Position::+]]|?Position|?Schultyp|limit=5000"
    data-position="Position"
    data-type="Schultyp"
    data-iconmap="Gymnasium=MarkerRot.png;Volksschule=MarkerBlau.png"
    data-defaulticon="MarkerGreen.png"
    style="width:100%; height:500px;"></div>
{{#widget:LeafletSMWMap}}

Version vom 20. Dezember 2025, 12:02 Uhr

Test mit Vorlage und generischem Widget - verschiedene Markerfarben

// Bereitet die Daten vor mit benutzerspefizifischen data-* Attributen (gemäß HTML 5 auf) // Solche Attribute gelten nur innerhalb des vorgegebenen HTML-Elements (hier div "smwmap) // Die Attribute werden anschließend im aufgerufenen Widget:LeafletSMWMap verarbeitet. // Die Parameter wie data-query, data-iconmap etc. sind einfache Strings, // die vom Widget verarbeitet werden

// Größe und Stil des anzuzeigenden div-Elements
    data-query="
        Die folgende Koordinate wurde nicht erkannt: +.Die folgende Koordinate wurde nicht erkannt: +.
        |?Position
        |?Schultyp
        |limit=5000
        "
    data-position="Position"
    data-type="Schultyp"
    data-iconmap="
        Gymnasium=MarkerRot.png;
        Volksschule=MarkerBlau.png
        "
    data-defaulticon="MarkerGreen.png"

// Ende des div smwmap

// Aufruf des Widgets mit den data-* Attributen



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

1. Versuch mit (nur eine Markerfarbe)

Die Karte wird geladen …

noch eine Karte (nur eine Markerfarbe)

Die Karte wird geladen …

-->

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.