So wird das Diagramm in Ihre Webseite eingefügt
Entpacken Sie die Zip-Datei, die Sie hier heruntergeladen haben und laden Sie die
Beispieldateien mit einem FTP-Programm hoch, damit Sie überprüfen können, ob
die Darstellung richtig angezeigt wird. Die Beispieldateien sind im Hauptordner
zu finden.
Folgende Beispieldateien müssen Sie hochladen:
- meteogram.v2.0.min.css
- meteogram.v2.0.min.js
- meteogram.html
- getdata.php
Rufen Sie die Datei
meteogram.html im Browserfenster auf, damit das Meteogramm auf dem Bildschirm angezeigt wird.
Möchten Sie das Meteogramm in eine Webseite einfügen, die bereits existiert, dann müssen folgende Schritte durchgeführt werden:
1. Binden Sie im <head>-Bereich der Webseite die Standard-
CSS-Datei ein.
<link rel="stylesheet" type="text/css" href="meteogram.v2.0.min.css">
Für die dunkle Version müssen Sie stattdessen die Datei "meteogram-theme-dark.v2.0.min.css" hochladen und einbinden.
2. Fügen Sie den
Html-Code dort ein, wo das Meteogramm angezeigt werden soll. Passen
Sie ggf. die Beschreibung an.
<div class="mtg-container">
<div class="mtg-header">DWD Wettervorhersage-Diagramm</div>
<div id="meteogram" class="mtg-meteogram"></div>
</div>
3. Der
Javascript-Code wird am Seitenende direkt vor den </body>-Tag eingefügt.
<script src="meteogram.v2.0.min.js"></script>
<script>
new Meteogram('#meteogram', 'XXXXX');
</script>
Damit die Wettervorhersage für einen bestimmten Ort angezeigt wird, müssen Sie eine
Station suchen, die sich in der Nähe befindet. Passen Sie bitte im Code die Station-Kennung (XXXXX) an.
Eine
Liste mit den Kennungen der Stationen gibt es ua. bei DWD. So lautet zum Beispiel laut Liste 10382 die Station-Kennung für Berlin-Tegel, 10091 für Arkona und 10961 für die Wetterstation Zugspitze.
4. Vergessen Sie bitte nicht, eine gut sichtbare Verlinkung zu
http://tools.wettersoftware.de einzurichten, damit auch andere Betreiber von Wetterseiten erfahren, dass mit diesem Diagramm die DWD-Daten auf der eigenen Wetterhomepage darstellen können. Zum Beispiel:
<a href="http://tools.wettersoftware.de">
Die DWD - Wetterdaten wurden mit diesem Wettertool visualisiert
</a>
Die Verlinkung kann gerne auch auf einer anderen Seite Ihres Webangebots erscheinen. Zum Beispiel können Sie alternativ die Visualisierung der DWD-Wettervorhersage mit dieser Komponente auf der Seite erwähnen, wo Sie Ihre Wetterstation und verwendete Wettersoftware vorstellen.
Vielen Dank!