FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Loetkolben am 11 Februar 2025, 11:27:45

Titel: [FTUI3] Darstellung Karte - Map-Widget
Beitrag von: Loetkolben am 11 Februar 2025, 11:27:45
Hallo zusammen,

ich finde nichts zum Map-Widget, ist das nicht dokumentiert?

Welche Daten muss ich dem Widget mitgeben?
             <ftui-grid-tile row="7" col="9" height="6" width="6" shape="round">
                        <header><ftui-label color="danger">Position-Octavia</ftui-label></header>
                        <ftui-map>

                        </ftui-map>
             </ftui-grid-tile>

Gruß
Andreas
Titel: Aw: [FTUI3] Darstellung Karte - Map-Widget
Beitrag von: BigGB am 12 Februar 2025, 18:40:01
Hi Loetkolben,
so wie ich es sehe, gibt die Datei "map.component.js" folgende Paramter her:
  static get properties() {
    return {
      height: '100%',
      width: '100%',
      latitude: 0,
      longitude: 0,
      zoom: 11,
      traffic: false,
      transit: false,
    };
  }

Ansonsten Beispieldatei im Verzeichnis .../examples die Datei "map.html" mal ansehen.
VG Gerald.
Titel: Aw: [FTUI3] Darstellung Karte - Map-Widget
Beitrag von: Loetkolben am 14 Februar 2025, 14:07:02
Hallo Gerald,

Danke für die Info.
die 'map.components.js' hatte ich schon gesehen, kam aber mit den Angaben darin nicht klar.
Ich habe jetzt folgendes gemacht, bekomme aber dann überhaupt nichts angezeigt, auch keine Karte.

        <ftui-grid-tile row="7" col="9" height="6" width="6" shape="round">
            <header><ftui-label color="danger">Position-Octavia</ftui-label></header>
            <ftui-map
                id="map1"
                zoom="17"
                latitude="my_skoda:position_latitude"
                longitude="my_skoda:position_longitude"
            </ftui-map>
        </ftui-grid-tile>

Setze ich anstatt von 'my_skoda:position_latitude' und 'my_skoda:position_longitude' einen festen Wert ein, funktioniert es und die Karte mit dem Gebiet rund um die Koordinaten wird angezeigt.

EDIT:
so geht es
                [latitude]="my_skoda:position_latitude"
                [longitude]="my_skoda:position_longitude"
Jetzt wäre noch ein Positionsmarker schön :-)