Page mit Map und weiteren Infos

[lenschith]

Hallo zusammen,
ich möchte mir eine Layoutpage oder ein Widget gestalten das im oberen Bereich eine GPS Location anzeigt und darunter sollten mit weitere Items angezeigt werden.
Leider schaffe ich das nicht, hat da jemand einen Tipp ob das geht und wenn ja, wie?

Hier einer meiner Versuche

Code: Alles auswählen

config:
  label: GPS details
blocks:
  - component: oh-block
    config: {}
    slots:
      default:
        # Erster Block: Map-Page
        - component: oh-map-page
          config:
            icon: pin
            initialCenter: 98.1548615486542548,10.546854215486524
            label: Location
            noMarkerZoomAnimation: true
            noZoomAnimation: false
            sidebar: false
            tileLayerProvider: OpenStreetMap.DE
          markers:
            - component: oh-map-marker
              config:
                action: group
                actionGroupPopupItem: GPS_Position
                icon: oh:linus
                item: GPS_Position_ Ort
                label: GPS
              slots:
                default: []

  - component: oh-block
    config: {}
    slots:
      default:
        # Zweiter Block: Zusätzliche Widgets unter der Karte
        - component: oh-grid-row
          config: {}
          slots:
            default:
              - component: oh-grid-col
                config: {}
                slots:
                  default:
                    - component: oh-label-card
                      config:
                        title: Temperatur Wohnzimmer
                        item: Wohnzimmer_Temperatur
                    - component: oh-switch-card
                      config:
                        title: Licht Wohnzimmer
                        item: Wohnzimmer_Licht_Switch

Danke
Gruß Lenschi

[lenschith]

Habe jetzt noch eine Möglichkeit gefunden, ich habe einen WebFrame eingebunden und auf die Site gemappt.
Jetzt habe ich aber das Problem, das Seitenmenü ist immer zu sehen. Kann ich das irgendwie nur für diese Seite ausblenden?

Code: Alles auswählen

config:
  label: Titel
blocks:
  - component: oh-block
    config: {}
    slots:
      default:
        - component: oh-grid-row
          config: {}
          slots:
            default:
              - component: oh-grid-col
                config: {}
                slots:
                  default:
                    - component: oh-webframe-card
                      config:
                        title: Location
                        footer: GPS
                        src: /page/Location
                        height: 400
  - component: oh-block
    config: {}
    slots:
      default:
        - component: oh-grid-row
          config: {}
          slots:
            default:
              - component: oh-grid-col
                config: {}
                slots:
                  default:
                    - component: oh-list-card
                      config: {}
                      slots:
                        default:
                          - component: oh-label-item
                            config:
                              item: GPS_Position_Batterieladung
                              title: Batterieladung
                              icon: oh:battery
                          - component: oh-label-item
                            config:
                              item: GPS_Position_System_Distance
                              title: Entfernung von zuhause
                              icon: oh:lineal
                          - component: oh-label-item
                            config:
                              item: GPS_Position_Zuletzt_gesehen
                              title: Zuletzt gesehen
                              icon: oh:time
grid: []
canvas: []