DWD-Grundversorgung : Vorhersage für die eigene Webseite

Seit Anfang des Jahres hat DWD die MOSMIX-Wettervorhersagen auch für die Allgemeinheit freigegeben. Ich habe eine kleine HTML5-Komponente erstellt, damit ich diese Vorhersagen direkt in meine Homepage einfügen kann. Wie das Live aussieht kann man unter Wetterstation Berlin sehen.

Wer die DWD-Daten ebenfalls in die eigene Wetterseite als Meteogramm anzeigen will, kann die notwendigen Dateien unter http://tools.wettersoftware.de herunterladen, dort gibt es auch eine Anleitung für die einfache Einrichtung. Für Verbesserungsvorschläge bin ich dankbar.

mfg

Super, ich hoffe die Einrichtung klappt.

@Patrick Die Version 2, die im Laufe der Woche erscheint wird auch für Smartphones responsive sein.

@DJAkim Das ist schon mal gut, dass das Meteogramm überhaupt angezeigt wird. In der ZIP-Datei gibt es eine php Datei (getdata.php). Kann man sie über eine URL aufrufen?

Ich nutze Joomla nicht, so kann ich dir nicht sagen wie dort die einzelne Schritte sind. Wahrscheinlich muss man eine eigene Komponente einrichten. Vielleicht kann dein Sohn es so einrichten, dass die Datei von aussen über eine URL aufgerufen werden kann. Dann kann die Meteogrammanzeige die Wetterdaten (über AJAX) abrufen und einblenden.

Standardmässig schon, wenn die anderswo liegt, dann muss man den Javascript-Code wie folgt ändern. Die StationsID (id) kann man auch direkt in php-Datei hartcodieren, falls keine GET-Parameter-Übergabe möglich ist.

<script>
var meteogram = new Meteogram();
meteogram.init('#meteogram');
meteogram.importSource('URL+PATH/getdata.php?id=XXXXX', function() {
   meteogram.paint();
});
</script>

dort angeben, wo getdata.php liegt, Wenn du diese Adresse testweise im Browser anrufst, dann sollten die Daten erscheinen.

Die Seite wurde nicht gefunden, es sieht so aus, dass noch irgendwelche Einstellungen in Joomla gemacht werden müssen.

DJAkim - ich habe gerade gesehen, dass jetzt unter http://wetter.christian-redlich.net/ die Einbindung geklappt hat. Eine Alternative wäre jetzt diese Seite, wo es geklappt hat, als IFrame in die andere Seite einzufügen.