[FTUI3] Darstellung Karte - Map-Widget

[Loetkolben]

Hallo zusammen,

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

Welche Daten muss ich dem Widget mitgeben?

Code Auswählen Erweitern

             <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

[BigGB]

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.

[Loetkolben]

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.

Code Auswählen Erweitern

        <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

Code Auswählen Erweitern

                [latitude]="my_skoda:position_latitude"
                [longitude]="my_skoda:position_longitude"
Jetzt wäre noch ein Positionsmarker schön