website/public/projekte/blitzortung.html

33 lines
No EOL
3 KiB
HTML

<!DOCTYPE html >
<html lang = "de" >
<head >
<meta charset = "UTF-8" >
<meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
<title></title>
<link href = "/css/style.css" rel = "stylesheet" >
</head >
<body >
<jl-header data-title="Blitzortung"></jl-header>
<div id = "content" >
<p>Mir wurde in den letzten bei den Gewittern hier in Deutschland die Seite <a href="https://www.lightningmaps.org/#x=;m=sat;r=0;t=3;s=0;o=0;b=;">lightningmaps.org</a>&nbsp;vorgeschlagen, welche ihre Daten vom Gemeinnützigen Projekt blitzortung.org bezieht. Da ich technisch sehr interessiert bin wollte ich natürlich gleich wissen wie diese Seite funktioniert. Online stand dann auch unter <a href="http://de.blitzortung.org/cover_your_area.php">mitmachen</a>, dass sie Seite auf private Anlagen setzt. Beim weiteren Surfen auf der Seite habe ich dann herausgefunden, dass es ein <a href="http://de.blitzortung.org/station_list.php">Verzeichnis</a> aller Stationen gibt, aber ohne Karte. Beim weiteren nachdenken kam ich auf die Idee, dass man das ganze ja so ähnlich wie meine <a href="https://jonasled.tk/insecam/">insecam Karte</a> umsetzen kann. Es gab nur ein Problem, ich hatte keine Koordinaten, sonder nur Ortsangaben. Dies konnte ich aber über eine API von Google lösen. Als die Karte dann lief, ist mir eingefallen, dass ich vielleicht die Marker färben könnte und somit den Status der Station darstellen könnte.</p>
<p>Diese drei Marker gibt es:</p>
<p><a href="https://blitzortung.jonasled.de/red-dot.png"><img class="alignnone size-large" src="https://blitzortung.jonasled.de/red-dot.png" width="32" height="32"></a>Offline<br><a href="https://blitzortung.jonasled.de/green-dot.png"><img class="alignnone size-large" src="https://blitzortung.jonasled.de/green-dot.png" width="32" height="32"></a>Online<br><a href="https://blitzortung.jonasled.de/ltblue-dot.png"><img class="alignnone size-large" src="https://blitzortung.jonasled.de/ltblue-dot.png" width="32" height="32"></a>Idle<br><a href="https://blitzortung.jonasled.de/blue-dot.png"><img class="alignnone size-large" src="https://blitzortung.jonasled.de/blue-dot.png" width="32" height="32"></a>Unknown</p>
<p>Ein Screenshot der Karte:</p>
<p><img src="/API/getFile.php?filename=img/blitzortung.png"</p>
<p>Die Karte kann unter&nbsp;<a href="https://blitzortung.jonasled.de">blitzortung.jonasled.de</a>&nbsp;gefunden werden.</p>
<p>&nbsp;</p>
<h2>Update 1:</h2>
<p>Da Google für seine Karten auf eigenen Websites seit dem 16.Juli Geld verlangt habe ich die Karte auf leaflet umgeschrieben, welche die OSM Karten von Mapbox bezieht.</p><br>
<a href="/API/getFile.php?filename=files/blitzortung.zip"><button>Download V1</button></a>
<a href="/API/getFile.php?filename=files/blitzortung_v2.zip"><button>Download V2</button></a>
<h2>Kommentare:</h2>
<jl-comments_display></jl-comments_display>
<jl-new_comment id="newComment"></jl-new_comment>
</div>
<jl-footer></jl-footer>
<script src="/js/script.js"></script>
</body>
</html>