Eine große Temperatur und aktuelle Bedingungen sitzen über den nächsten Stunden und einer mehrtägigen Vorhersage, mit einem einfachen Satz wie Regen ab 15 Uhr vorne, damit die Nachricht aus der Ferne klar lesbar ist. Es füllt den ganzen Bildschirm, dehnt sich auf jedes Rechteck aus, sitzt in der Mitte, schiebt sich in eine Ecke, läuft als eine Zeile in einer Ecke oder als Band entlang einer Kante. Sie stellen den Standort und die Zeitzone ein, wählen metrische oder imperiale Einheiten, bestimmen, wie viele Vorhersagetage angezeigt werden, und wählen, ob ein volles oder freies Layout alles, nur aktuelle Bedingungen oder nur die Vorhersage zeigt.
Live-Karte
Kategorie: Wetter. Schlagwörter: Wetter und Umwelt, Empfangsbereiche, Schulen und Campus.
Layouts
Diese Kernkarte passt in jedes Layout: Vollbild, Mitte, breit, Ecke, Chip, Streifen oder jedes freie Rechteck.
Layouts: voll, frei, Mitte, breit, Ecke, Chip, Streifen. Formulare: Querformat, Hochformat, Quadrat, Streifen.
Kartenlayouts, Designs und Veröffentlichung. Karten durchsuchen.
Daten und Datenschutz
Feed: screenrig.weather/v1.
Feed-Dokumente tragen Quellenangaben. Der Player liefert den Feed an die Karte.
Wetterzuordnung: Wetterdaten von Weatherbit, wie im Feed-Dokument benannt.
Eigenschaften
Für Thema, Hintergrund, Akzent und Position siehe Gemeinsame Eigenschaften.
Legen Sie statische Eigenschaften in den params der Karte fest, wenn Sie sie erstellen. Ihr Datendokument enthält nur dynamische Eigenschaften. Verschachtelte Zeilen beschreiben den Inhalt ihrer übergeordneten Eigenschaft.
Statische Eigenschaften
| Name | Typ | Standard | Werte und Grenzwerte | Beschreibung |
|---|---|---|---|---|
location | object | additionalProperties: false; erforderlich | ||
location.name | string | maxLength: 40; Pflichtfeld | ||
location.latitude | number | Minimum: -90; Maximum: 90; Pflichtfeld | ||
location.longitude | number | Minimum: -180; Maximum: 180; Pflichtfeld | ||
units | string | "metric" | "metric", "imperial" | |
show | string | "auto" | "auto", "current", "forecast" | Was ein voller oder freier Bildschirm anzeigt: alles (auto), nur die aktuellen Bedingungen (current) oder nur die Vorhersage (forecast). |
days | integer | 5 | Minimum: 3; Maximum: 7 | |
showDetails | boolean | true | ||
hour12 | boolean | false | ||
timeZone | String, Null | null | ||
backgroundColor | String, Null | null | Muster: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Überschreibt den Kartenhintergrund und die Platte mit einer flachen, CSS-geordneten Farbe. #RRGGBBAA gibt die Deckkraft an. Hintergrund none hat Vorrang. |
textColor | String, Null | null | Muster: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Überschreibt die Haupt- und Sekundärtextfarben. Akzent- und semantische Statusfarben behalten ihre Funktion. |
Dynamische Eigenschaften
Diese Karte hat keine dynamischen Eigenschaften.
Canvas-Beispiel
Speichern Sie die statischen Eigenschaften als params.json und erstellen Sie die Karte. Das Ergebnis enthält ihre crd_ ID.
{
"theme": "neomustard",
"location": {
"name": "Vancouver",
"latitude": 49.25,
"longitude": -123.0
}
}screenrig card create --type weather --major 1 --file params.jsonFügen Sie diesen Eintrag den primitives einer Playlist-Seite hinzu, mit dieser ID anstelle der Beispiel-ID. Veröffentlichen Sie die Playlist und weisen Sie einen Bildschirm zu.
{
"id": "weather",
"primitive": "card",
"card": "crd_01EXAMPLECARD000000000",
"layout": "full",
"content_fit": "fill"
}