Vorlage:Schulkarte

<script> // Layer-Container var layerGrund = L.markerClusterGroup(); var layerGym = L.markerClusterGroup(); var layerGes = L.markerClusterGroup(); var layerBeruf = L.markerClusterGroup(); var layerFoerder = L.markerClusterGroup();

// Karte var map = L.map('map').setView([50.94, 6.96], 11);

// OpenStreetMap layer L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {

   maxZoom: 18

}).addTo(map);

// Marker-Daten werden via SMW ersetzt:

	Koordinate	Schultyp	link
Albertus-Magnus-Gymnasium
An der Rechtschule/Haus-Nr. 3
Apostelgymnasium
Bildung in Köln
Deutzer Gymnasium Schaurtestraße
Dreikönigsgymnasium
Erzbischöfliche Ursulinenschule
Friedrich-Wilhelm-Gymnasium
Genoveva-Gymnasium
Gymnasium Kreuzgasse
Gymnasium Laurentianum
Gymnasium Montanum
Hansagymnasium
Hier gibt's noch was zu tun
Hosengasse/Haus-Nr. 10
Humboldt-Gymnasium
Höhere Bürgerschule
Kaiser-Wilhelm-Gymnasium
Kaiserin-Augusta-Schule
Kaiserin-Theophanu-Schule
Königin-Luise-Schule
Schiller-Gymnasium
Schulen in Köln
Schulen in Köln/Bezirk 1
Schulen in Köln/Bezirk 2
Schulen in Köln/Bezirk 3
Schulen in Köln/Bezirk 4
Schulen in Köln/Bezirk 5
Schulen in Köln/Bezirk 6
Schulen in Köln/Bezirk 7
Schulen in Köln/Bezirk 8

schoolData.forEach(function(school){

   if(!school.Koordinate) return;

   var coords = school.Koordinate.split(',');
   var marker = L.marker([parseFloat(coords[0]), parseFloat(coords[1])])
                 .bindPopup('' + school.link + '
' + school.Schultyp);

   switch(school.Schultyp){
       case "Grundschule":
           layerGrund.addLayer(marker);
           break;
       case "Gymnasium":
           layerGym.addLayer(marker);
           break;
       case "Gesamtschule":
           layerGes.addLayer(marker);
           break;
       case "Berufskolleg":
           layerBeruf.addLayer(marker);
           break;
       case "Förderschule":
           layerFoerder.addLayer(marker);
           break;
       default:
           layerGrund.addLayer(marker);
   }

});

// Layer hinzufügen layerGrund.addTo(map); layerGym.addTo(map);

// Layer Control var overlays = {

   "Grundschulen": layerGrund,
   "Gymnasien": layerGym,
   "Gesamtschulen": layerGes,
   "Berufskollegs": layerBeruf,
   "Förderschulen": layerFoerder

};

L.control.layers(null, overlays, {collapsed:false}).addTo(map);

</script>