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 heruntergeladen werden.

HABPanel Widget – openweathermap (807 Downloads)

 

Bevor wir das Widget nun in HABPanel integrieren können, müssen wir zunächst sicherstellen, dass der OpenWeatherMap-Adapter in ioBroker installiert und eingerichtet wurde. Das Widget nutzt dazu die folgenden Datenpunkte in der Objektstruktur „openweathermap.0“.

 

 

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

 

Im Dateisystem müssen wir nun die folgende Datei auswählen:

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. Über Kommentare unterhalb des Artikels oder per E-Mail freue ich mich wie immer 🙂

Matthias Korte

Hauptberuflich Software-Entwickler und seit einigen Jahren Smart-Home Fan. Angefangen hat alles mit einem RaspberryMatic und einer schaltbaren Steckdose. Mittlerweile habe ich einige Steckdosen, Sensoren, und Thermostate sowie ioBroker zur Visualisierung im Einsatz.

5 Gedanken zu „ioBroker HABPanel – Teil 21 – OpenWeatherMap Widget

  • 10. Mai 2019 um 16:14
    Permalink

    Leider wird nichts angezeigt steht überall NA.

    Was genau muss man bei Openweather machen. Standort etc. API schlüssel etc.

    Danke

    Antwort
    • 11. Mai 2019 um 20:34
      Permalink

      Hallo,
      ja, es muss der Openweather-Adapter installiert und ein Key registriert werden. Ich werde das Thema gerne in einem extra Artikel genauer erklären 🙂

      Viele Grüße,
      Matthias

      Antwort
      • 18. November 2019 um 21:40
        Permalink

        HalloMatthias,

        Ich habe genau das selbe Problem, es wird immer N/A angezeigt.
        Ist das ein Bug, da die Einrichtung doch relativ einfach erscheint.
        Vielen Dank schonmal und super Blog!

        Viele Grüße Tim

        Antwort
  • 31. August 2019 um 13:02
    Permalink

    Hallo Matthias, vielen Dank für dieses Widget. Gibt es eine Möglichkeit das tagesaktuelle Icon zu vergrößern ? Beim Forecast unten passt ja die Größe, aber oben wäre ja noch genug Platz um das Icon prominenter zu zeigen. VG

    Antwort
    • 31. August 2019 um 13:27
      Permalink

      Hallo Olaf,
      das ist leider derzeit nicht möglich, da es die Icons nur in dieser doch recht kleinen Auflösung gibt. Ich werde mal sehen ob wir das anders lösen können, in dem lokale Icons verwendet werden.

      Viele Grüße,
      Matthias

      Antwort

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Ich akzeptiere