ioBroker HABPanel – Teil 21 – OpenWeatherMap Widget

In dieser Artikelreihe zeige ich Dir eine weitere Visualierungsoberfläche für ioBroker.  

Im 21. Teil der Artikelreihe zeige ich euch mein erstelltes Widget für OpenWeatherMap. Die bereits bestehenden Widgets funktionen so leider in ioBroker nicht, daher habe ich ein eigenes Widget erstellt, mit dem die Datenpunkte des Adapters „OpenWeatherMap“ dargestellt werden können.

Mit dem folgenden Download-Link kann das Widget im JSON-Format heruntergelladen werden.

Bevor wir das Widget nun in HABPanel integrieren müssen wir zunächst sicherstellen, dass der OpenWeatherMap-Adapter in ioBroker installiert wurde. Hier bei muss folgende Struktur in den Objekten angelegt sein:

openweathermap.0

Nach dem wir über die entsprechenden Datenpunkte verfügen können wir nun das HABPanel öffnen und in den Bereich Custom Widgets wechseln. Auf dieser Seite importieren wir das vorher heruntergeladene Widget im JSON-Format „Import from file…“.

Nach dem Importieren des Widgets wechseln wir auf das Dashboard, auf dem wir die Wetter-Informationen darstellen möchten. Über die Schaltfläche „Add Widget“ oben rechts können wir nun das Widget „smarthometricks-openweathermap“ einfügen.

Im nächsten Screenshot wird die Darstellung des Widgets angezeigt. Im Widget wird die aktuelle Temperatur, Luftfeuchtigkeit, Luftdruck und Windgeschwindigkeit angezeigt. Zudem ist eine Ansicht für die Wettervorhersage für die nächsten 3 Tage integriert. Die Icons und Texte werden direkt von OpenWeatherMap übernommen (aus der Objektstruktur).

Ich hoffe Dir gefällt der Artikel 🙂 Ich freue mich über Deinen Kommentar!