
<!--  -->
<!-- %openfile=_jahreszeit.txt%openfile=_jahreszeit.txt%~% -->
<!-- openfile=agrar.txt%~% -->

<!-- openfile=_variable.txt%~% -->
<!-- openfile=_variable.txt%~% -->
<!-- openfile=_variable.txt%~% -->
<!-- openfile=_variable.txt%~% -->
<!-- openfile=_variable.txt%~% -->
<!-- openfile=_variable.txt%~% -->
<!-- openfile=_variable.txt%~% -->
<!-- openfile=_variable.txtt%~% -->
<!-- openfile=_variable.txt%~% -->
<!-- openfile=_variable.txt%~% -->
<!-- openfile=regen12m.txt%~% -->
<!-- openfile=regen12m.txt%~% -->
<!-- openfile=regen12m.txt%~% -->
<!-- openfile=regen12m.txt%~% -->
<!-- openfile=regen12m.txt%~% -->
<!-- openfile=regen12m.txt%~% -->
<!-- openfile=regen12m.txt%~% -->
<!-- openfile=regen12m.txt%~% -->
<!-- openfile=regen12m.txt%~% -->
<!-- openfile=regen12m.txt%~% -->
<!-- openfile=warnindizes.sec%~% -->
<!-- openfile=warnindizes.sec%~% -->
<!-- openfile=warnindizes.sec%~% -->
<!-- openfile=warnindizes.sec%~% -->
<!-- openfile=warnindizes.sec%~% -->
<!-- openfile=warnindizes.sec%~% -->
<!-- openfile=warnindizes.sec%~% -->
<!-- openfile=warnindizes.sec%~% -->
<!-- openfile=warnindizes.sec%~% -->
<!-- openfile=warnindizes.sec%~% -->
<!-- openfile=minmax.txt%~% -->
<!-- openfile=minmax.txt%~% -->
<!-- openfile=minmax.txt%~% -->
<!-- openfile=minmax.txt%~% -->
<!-- openfile=minmax.txt%~% -->
<!-- openfile=minmax.txt%~% -->
<!-- openfile=minmax.txt%~% -->
<!-- openfile=minmax.txt%~% -->
<!-- openfile=minmax.txt%~% -->
<!-- openfile=minmax.txt%~% -->
<!-- openfile=jahreszeiten.txt%~% -->
<!-- openfile=jahreszeiten.txt%~% -->
<!-- openfile=jahreszeiten.txt%~% -->
<!-- openfile=jahreszeiten.txt%~% -->
<!-- openfile=jahreszeiten.txt%~% -->
<!-- openfile=jahreszeiten.txt%~% -->
<!-- openfile=jahreszeiten.txt%~% -->
<!-- openfile=jahreszeiten.txt%~% -->
<!-- openfile=jahreszeiten.txt%~% -->
<!-- openfile=jahreszeiten.txt%~% -->
<!-- openfile=agrar.txt%~% -->
<!-- openfile=agrar.txt%~% -->
<!-- openfile=agrar.txt%~% -->
<!-- openfile=agrar.txt%~% -->
<!-- openfile=agrar.txt%~% -->
<!-- openfile=agrar.txt%~% -->
<!-- openfile=agrar.txt%~% -->
<!-- openfile=agrar.txt%~% -->
<!-- openfile=agrar.txt%~% -->
<!-- openfile=agrar.txt%~% -->
<!-- openfile=dekadenrekorde2-r.txt%~% -->
<!-- openfile=dekadenrekorde2-r.txt%~% -->
<!-- openfile=dekadenrekorde2-r.txt%~% -->
<!-- openfile=dekadenrekorde2-r.txt%~% -->
<!-- openfile=dekadenrekorde2-r.txt%~% -->
<!-- openfile=dekadenrekorde2-r.txt%~% -->
<!-- openfile=dekadenrekorde2-r.txt%~% -->
<!-- openfile=dekadenrekorde2-r.txt%~% -->
<!-- openfile=dekadenrekorde2-r.txt%~% -->
<!-- openfile=dekadenrekorde2-r.txt%~% -->
<!-- openfile=witterungsvergleich.txt%~% -->
<!-- openfile=witterungsvergleich.txt%~% -->
<!-- openfile=witterungsvergleich.txt%~% -->
<!-- openfile=witterungsvergleich.txt%~% -->
<!-- openfile=witterungsvergleich.txt%~% -->
<!-- openfile=witterungsvergleich.txt%~% -->
<!-- openfile=witterungsvergleich.txt%~% -->
<!-- openfile=witterungsvergleich.txt%~% -->
<!-- openfile=witterungsvergleich.txt%~% -->
<!-- openfile=witterungsvergleich.txt%~% -->
<!-- openfile=listentage-x.txt%~% -->
<!-- openfile=listentage-x.txt%~% -->
<!-- openfile=listentage-x.txt%~% -->
<!-- openfile=listentage-x.txt%~% -->
<!-- openfile=listentage-x.txt%~% -->
<!-- openfile=listentage-x.txt%~% -->
<!-- openfile=listentage-x.txt%~% -->
<!-- openfile=listentage-x.txt%~% -->
<!-- openfile=listentage-x.txt%~% -->
<!-- openfile=listentage-x.txt%~% -->
<!-- openfile=dekadenwerte-tm.txt%~% -->
<!-- openfile=dekadenwerte-tm.txt%~% -->
<!-- openfile=dekadenwerte-tm.txt%~% -->
<!-- openfile=dekadenwerte-tm.txt%~% -->
<!-- openfile=dekadenwerte-tm.txt%~% -->
<!-- openfile=dekadenwerte-tm.txt%~% -->
<!-- openfile=dekadenwerte-tm.txt%~% -->
<!-- openfile=dekadenwerte-tm.txt%~% -->
<!-- openfile=dekadenwerte-tm.txt%~% -->
<!-- openfile=dekadenwerte-tm.txt%~% -->

<!-- openfile=vormonat.txt%~% -->
<!-- openfile=vormonat.txt%~% -->
<!-- openfile=vormonat.txt%~% -->
<!-- openfile=vormonat.txt%~% -->
<!-- openfile=vormonat.txt%~% -->
<!-- openfile=vormonat.txt%~% -->
<!-- openfile=vormonat.txt%~% -->
<!-- openfile=vormonat.txt%~% -->
<!-- openfile=vormonat.txt%~% -->
<!-- openfile=vormonat.txt%~% -->

<!DOCTYPE html>
<html>

<!--

Diese Datei illustriert als "Warnmodul2" die Darstellung der Warnungen des Deutschen Wetterdienstes als WMS-Dienst aus dem Server maps.dwd.de in einem JavaScript-basierten Web-mapping-Client.
Verwendete Bestandteile:
- als zentrales Element wird die JS-Bibliothek leaflet zur Erzeugung einer dynamsichen, interaktiven Karte in einem html-div-Element genutzt
- die JS-Biblithek jQuery kommt für die Abfrage von Warninformationen via AJAX und JSONP zur Anwendung
- das leaflet-Plugin BetterWMS wird für eine einfache GetFeatureInfo-Abfrage von Warndetails verwendet
	https://gist.github.com/rclark/6908938	

Leaflet bietet eine Vielzahl an Konfigurationsoptionen und Erweiterungen, welche unter https://leafletjs.com/ dokumentiert sind.
Durch mögliche Einschränkungen von Zoom, Auschnitt und Interaktion sind auch örtlich gebundene Karten realisierbar. Des weiteren können alternative Hintergrundkarten, sowie zusätzliche Informationen aus anderen Diensten mit eingebunden werden.

Weiterentwicklungen und Veränderungen des "Warnmodul2"-Codes sind ausdrücklich erwünscht, die Darstellung der DWD-Warnungen sollte allerdings immer in den original-Farben (https://www.dwd.de/DE/wetter/warnungen_aktuell/kriterien/farbskala.html?nn=605882) erfolgen. Eine eventuell duchgeführte Filterung von Warnungen sollte für Nutzer entsprechend ersichtlich sein.
Anregungen zur Nutzung oder beispielhafte Weiterentwicklungen nehmen wir gerne unter opendata@dwd.de entgegen um sie der Allgemeinheit verfügbar zu machen.

-->

<head>
<meta name="generator" content="Wetterstation Bedien- und Auswertesoftware - V2.99.9.0">
<meta name="generator" content="V2.99.9.0 ">
	  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <meta http-equiv="expires" content="0">
  <meta http-equiv="refresh" content="300">
  <link rel="stylesheet" href="https://wischekurier.info/css/wischekurier.css">   
  <link rel="shortcut icon" type="image/x-icon" href="https://wischekurier.info/css/wischekurier.ico">
  <title>Wischewetter Behrendorf</title>

	<!-- Leaflet JavaScript Bibliothek für interaktive Karten -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.2.0/leaflet.js" crossorigin=""></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.2.0/leaflet.css" crossorigin=""/>

    <!-- jquery für ajax-Anfragen -->
	<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
	
	<!-- BetterWMS stellt vereinfachte getFeatureInfo-Abfragen für WMS-Layer bereit; alternativ kann z.B. https://github.com/heigeo/leaflet.wms oder eigener Code verwendet werden
	Die Funktionen wurden angepasst, um JSONP-Anfragen durchzuführen und ausgewählte Elemente der Feature-Info im Popup darzustellen; Änderungen sind in leaflet-betterwms.js entsprechen markiert
	-->
	<script src="./leaflet-betterwms.js"></script>

</head>
<body bgColor="#555E75">
<center>
<header>
<meta name="generator" content="Wetterstation Bedien- und Auswertesoftware - V2.99.9.0">

<h1 class="ribbon"><div class="ribbon-fold">Wetterarchiv Behrendorf</div></h1>

<nav>
      <ul>
       <li><a href="https://wswin.wischewetter.info/admin/bildabfrage.html" target="_blank">Wischewetter Archiv</a></li>
       <li><a href="#thema">Thema des Tages</a></li>
      </ul>
</nav>

<nav>
      <ul> 
        <li><a href="https://wswin.wischewetter.info/witterungsvergleich.html" target="_blank">Witterungsvergleich</a></li>     
        <li><a href="https://wswin.wischewetter.info/agrar.html" target="_blank">Agrarwetter</a></li> 
        <li><a href="https://wswin.wischewetter.info/regen12m.php" target="_blank">Niederschlag 12 Monate</a></li>     
        <li><a href="https://wswin.wischewetter.info/regen30tg.php" target="_blank">Niederschlag 30 Tage</a></li> 
      </ul>
    </nav>

 </header>

<article>
<h3>Hinweis: ab 1. Januar 2023 erfolgt die Aktualisierung der WsWin-Wetterdaten aus Behrendorf nur noch am 1., am 11. und 21. eines Monats. Aktuelle Daten gibt es unter <a href="https://wischewetter.info" target="_blank">https://wischewetter.info</a>.
</article>

<article>


<style type="text/css">
body {
    font-family:coda;
    font-size:18px;
	color:#00F022;
}
a {
    color:#00F022;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    background: #eaeaea;
}
.calender {
    width:280px;
    border:3px;
	border-style: solid;
	border-color: #00F022;
	background:black;
}
* html .calender,
* + html .calender {
    width:282px;
}
.calender div.after,
.calender div.before{
    color:silver;
}
.day {
    float:left;
    width:40px;
    height:40px;
    line-height: 40px;
    text-align: center;
}
.day.headline {
    background:silver;
	color:black;
}
.day.current {
    font-weight:bold;
	color:red;
}
.clear {
    clear:left;
}
.pagination {
    text-align: center;
    height:20px;
    line-height:20px;
    font-weight: bold;
}
.pagihead { 
   display:inline-block;
   background: black;
   width: 140px;
   height: 20px;
   color: #00F022;
}
.pagination a {
    width:20px;
    height:20px;
}
</style>



<div class="calender">
    <div class="pagination">
        <a href="?timestamp=1605913200" class="last">|&laquo;</a> 
        <a href="?timestamp=1634767200" class="last">&laquo;</a> 
        <div class="pagihead">
           <span>November 2021</span>
        </div>
        <a href="?timestamp=1640041200" class="next">&raquo;</a>
        <a href="?timestamp=1668985200" class="next">&raquo;|</a>  
    </div>
    <div class="day headline">Mo</div>
<div class="day headline">Di</div>
<div class="day headline">Mi</div>
<div class="day headline">Do</div>
<div class="day headline">Fr</div>
<div class="day headline">Sa</div>
<div class="day headline">So</div>
<div class="day normal">01</div>
<div class="day normal">02</div>
<div class="day normal">03</div>
<div class="day normal">04</div>
<div class="day normal">05</div>
<div class="day normal">06</div>
<div class="day normal">07</div>
<div class="day normal">08</div>
<div class="day normal">09</div>
<div class="day normal">10</div>
<div class="day normal">11</div>
<div class="day normal">12</div>
<div class="day normal">13</div>
<div class="day normal">14</div>
<div class="day normal">15</div>
<div class="day normal">16</div>
<div class="day normal">17</div>
<div class="day normal">18</div>
<div class="day normal">19</div>
<div class="day normal">20</div>
<div class="day normal">21</div>
<div class="day normal">22</div>
<div class="day normal">23</div>
<div class="day normal">24</div>
<div class="day normal">25</div>
<div class="day normal">26</div>
<div class="day normal">27</div>
<div class="day normal">28</div>
<div class="day normal">29</div>
<div class="day normal">30</div>
<div class="day after"> 01 </div>
<div class="day after"> 02 </div>
<div class="day after"> 03 </div>
<div class="day after"> 04 </div>
<div class="day after"> 05 </div>
    <div class="clear"></div>
</div>

</article>

<section>
<article>

<h3 id="warnung">Aktuelle Warnlage</h3>

<!-- hier wird der Kartencontainer definiert, in welchem anschließend die Karte dargestellt wird -->
<div id="kartencontainer" style="width: 800px; height: 600px;"></div>


<script>
	// Leaflet-Kartenobjekt im referenzierten div erstellen und initiale Optionen für Karte übergeben
	var karte = L.map('kartencontainer', {
		// Mittelpunkt der Karte als Breiten- und Längengrad, bspw. 50.0956° N, 8.7761° E für Offenbach
		center: [52.8225, 11.9601],
		// initiales Zoomlevel
		zoom: 7, 
		// interaktivität der Karte kann mit Optionen gesteuert werden
		zoomControl: true,
		dragging: true,
		attributionControl: true
	});

	// OSM-Hintergrundslayer definieren
	var osmlayer =  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
		attribution: 'Map data: &copy; <a href="https://openstreetmap.org">OpenStreetMap</a> contributors',
		maxZoom: 18
	});

	// Warnungs-Layer vom DWD-Geoserver - betterWms fügt Möglichkeiten zur GetFeatureInfo hinzu
	var warnlayer = L.tileLayer.betterWms("https://maps.dwd.de/geoserver/dwd/wms/", {
		layers: 'dwd:Warnungen_Gemeinden_vereinigt',
		// eigene Styled Layer Descriptor (SLD) können zur alternativen Anzeige der Warnungen genutzt werden (https://docs.geoserver.org/stable/en/user/styling/sld/reference/)
		//sld: 'https://eigenerserver/alternativer.sld',
		format: 'image/png',
		transparent: true,
		opacity: 0.8,
		attribution: 'Warndaten: &copy; <a href="https://www.dwd.de">DWD</a>'
	});

	// CQL_FILTER können benutzt werden um angezeigte Warnungen zu filtern (https://docs.geoserver.org/stable/en/user/tutorials/cql/cql_tutorial.html)
	// Filterung kann auf Basis der verschiedenen properties der Warnungen erfolgen (bspw. EC_II, EC_GROUP, DESCRIPTION ... ) siehe https://www.dwd.de/DE/wetter/warnungen_aktuell/objekt_einbindung/einbindung_karten_geowebservice.pdf
 	// warnlayer.setParams({CQL_FILTER:"DESCRIPTION LIKE '%Sturm%'"});
 	// Filter können zur Laufzeit, z.B. über Nutzereingaben angepasst werden
 	//delete warnlayer.wmsParams.CQL_FILTER;
 	//warnlayer.redraw();

 	// Layer mit neutraler Darstellung der Gemeinde-Warngebiete
	var gemeindelayer = L.tileLayer.wms("https://maps.dwd.de/geoserver/dwd/wms/", {
		layers: 'dwd:Warngebiete_Gemeinden',
		format: 'image/png',
		styles: 'Warngebiete_Grenzen',
		transparent: true,
		opacity: 0.6,
		attribution: 'Geobasisdaten Gemeinden: &copy; <a href="https://www.bkg.de">BKG</a> 2015 (Daten verändert)'
	});

	// Layerlisten für die Layercontrol erstellen und dabei initial aktive Layer zur Karte hinzufügen
	var baseLayers = {
			"OpenStreetMap": osmlayer.addTo(karte)
	};
	var overLayers = {
			"<span title='DWD Geoserver dwd:Warnungen_Gemeinden_vereinigt'>Gemeinde vereinigt</span>": warnlayer.addTo(karte),
			"<span title='DWD Geoserver Gemeindewarngebiete'>Warngebiete (Gemeinden)</span>": gemeindelayer
	};

	// Layercontrol-Element erstellen und hinzufügen
    L.control.layers(baseLayers, overLayers).addTo(karte);

	// Demo-Marker mit Popup hinzufügen
	var marker = L.marker([52.8225, 11.9601]).addTo(karte);
	marker.bindPopup("<b>Wischewetter Behrendorf</b><br>Wetter aus der Wische").openPopup();
</script>
 <a href="#">Nach oben</a> 

</article>
</section>

 <article>

  <figure id="gallery">
  <figcaption>aktuelle Grafiken (zum Vergrößern jeweils anklicken)</figcaption>

  <figure>
    <a href="https://wswin.wischewetter.info/2023/m202301.gif" target="_blank"><img src="https://wswin.wischewetter.info/2023/m202301.gif" alt="zum Vergrößern bitte klicken" width="100%"></a>
    <figcaption>letzter Monat</figcaption>
  </figure>

  </figure>

  </article>

  <article>

  <figure id="gallery">
  <figcaption>Langzeitgrafiken (zum Vergrößern jeweils anklicken)</figcaption>

  <figure>
    <a href="https://wswin.wischewetter.info/long_temp.gif" target="_blank"><img                src="https://wswin.wischewetter.info/long_temp.gif" alt="zum Vergrößern bitte klicken" width="100%"></a>
    <figcaption>Temperatur</figcaption>
  </figure>

  <figure>
    <a href="https://wswin.wischewetter.info/long_rain.gif" target="_blank"><img                src="https://wswin.wischewetter.info/long_rain.gif" alt="zum Vergrößern bitte klicken" width="100%"></a>
    <figcaption>Regenmenge</figcaption>
  </figure>

  <figure>
    <a href="https://wswin.wischewetter.info/long_coldsum.gif" target="_blank"><img                src="https://wswin.wischewetter.info/long_coldsum.gif" alt="zum Vergrößern bitte klicken" width="100%"></a>
    <figcaption>Kältesumme</figcaption>
  </figure>

  <figure>
    <a href="https://wswin.wischewetter.info/long_coldday.gif" target="_blank"><img                src="https://wswin.wischewetter.info/long_coldday.gif" alt="zum Vergrößern bitte klicken" width="100%"></a>
    <figcaption>Kalte Tage</figcaption>
  </figure>

  <figure>
    <a href="https://wswin.wischewetter.info/long_warmsum.gif" target="_blank"><img                src="https://wswin.wischewetter.info/long_warmsum.gif" alt="zum Vergrößern bitte klicken" width="100%"></a>
    <figcaption>Wärmesumme</figcaption>
  </figure>

  <figure>
    <a href="https://wswin.wischewetter.info/long_warmday.gif" target="_blank"><img                src="https://wswin.wischewetter.info/long_warmday.gif" alt="zum Vergrößern bitte klicken" width="100%"></a>
    <figcaption>Warme Tage</figcaption>
  </figure>

  <figure>
    <a href="https://wswin.wischewetter.info/long_greenland.gif" target="_blank"><img                src="https://wswin.wischewetter.info/long_greenland.gif" alt="zum Vergrößern bitte klicken" width="100%"></a>
    <figcaption>Grünlandtemperatursumme</figcaption>
  </figure>

  </figure>

  </article>

 <article id="thema">
<p>
<pre>
</pre>
</p>
</article>

</body>

<footer>
 
<p><class="kleinzentriert">&copy; 1999-2022  Werner Krenn - Wetterstation Bedien- und Auswertesoftware - V2.99.9.0</p>

</footer>

</html>