Text und Bilder auf 3D-Modellen

Ein 3D-Modell kann Flächen tragen: ebene Bereiche wie die Zielanzeige eines Busses, das Namensschild eines Wartehäuschens, eine Werbefläche oder ein Typenschild an einem Gerät. Icon Map zeichnet Ihre Daten auf diese Flächen, sodass jedes Modell auf der Karte seine eigenen Werte zeigt: Der Bus der Linie 25 zeigt „25 Ilford“, das Wartehäuschen seinen Haltestellennamen, die Werbefläche das Plakat für diesen Standort.

Flächen funktionieren auf der Ebene 3D-Modelle und auf dem Fahrzeugtracker, wenn dessen Markierungen 3D-Modelle sind. Eine Fläche kann Text, ein Bild oder wechselnde Bilder zeigen, und der Inhalt kann aus einer Spalte Ihrer Daten stammen.

Wo Sie es finden

Öffnen Sie die Einstellungen der Ebene und wählen Sie ein Modell aus. Hat das Modell Flächen, erscheint unter der Auswahl Modell der Abschnitt Text und Bilder auf dem Modell mit einer Zeile pro Fläche.

Erscheint der Abschnitt nicht, hat das Modell keine Flächen. Siehe Flächen zu Ihrem eigenen Modell hinzufügen.

Verwendet eine Ebene ein anderes Modell pro Kategorie, zeigt jede Zeile, wie viele der Modelle diese Fläche haben (zum Beispiel 2 von 3 Modellen). Für die übrigen Modelle gibt es in diesen Zeilen einfach nichts zu zeichnen.

Festlegen, was eine Fläche zeigt

Jede Fläche hat eine Inhaltseinstellung:

Einstellung Was sie zeigt Beispiel
Feld Den Wert einer Spalte, für jede Zeile stop_name
Vorlage Text aus mehreren Spalten. Setzen Sie Spaltennamen in geschweifte Klammern. Ein fehlender Wert bleibt leer. {route} {destination}
Fester Text Denselben Text auf jedem Modell Not in service
Bild Ein Bild: eine feste Adresse oder {column}, um es aus Ihren Daten zu übernehmen https://cdn.example.com/poster.png oder {advert}
Wechselnde Bilder Eine Liste von Bildern, die nacheinander jeweils einige Sekunden lang gezeigt werden, oder ein zufällig gewähltes pro Modell drei Plakat-URLs
Aus Nichts. Die Einstellung bleibt erhalten, sodass Sie sie wieder einschalten können.

Wechselnde Bilder bleiben stehen, wenn das Gerät einer Person auf reduzierte Bewegung eingestellt ist: Jedes Modell zeigt dann weiter eines seiner Bilder, statt alle paar Sekunden zu wechseln.

Manche Modelle schlagen für eine Fläche eine Bindung vor, zum Beispiel eine Zielanzeige, die {route} {destination} erwartet. Wenn Sie ein solches Modell zum ersten Mal auswählen und Ihre Daten diese Spalten enthalten, wird der Vorschlag automatisch übernommen; andernfalls bietet die Zeile ihn als Vorschlag verwenden an. Das Öffnen einer bestehenden Ebene ändert Ihre Einstellungen nie.

Für Bilder vorgesehene Flächen, etwa Werbeflächen, bieten nur Bild, Wechselnde Bilder und Aus an.

Text, Bilder oder SVG aus einer Spalte

Wählen Sie bei Feld unter Spalte enthält aus, was die Spalte enthält:

  • Text (Standard): Der Wert wird als Text gezeichnet.
  • Ein Bild (URL, OneLake-Pfad oder SVG): Jeder Wert ist ein Bild.
  • Text oder Bild, je Zeile: Icon Map entscheidet für jede Zeile. Ein Wert gilt als Bild, wenn er SVG-Markup ist, ein data:image/...-URI oder eine Adresse, die mit https://, http:// oder onelake:// beginnt. Alles andere wird als Text gezeichnet. Ein reiner Dateiname wie poster.png bleibt Text, weil es keinen Ort gibt, von dem er geladen werden könnte.

Ein Bildwert kann Folgendes sein:

Wert Beispiel Hinweise
Eine Bild-URL https://cdn.example.com/ads/gym.png Der Server muss ursprungsübergreifende Anfragen (CORS) zulassen. Azure Blob Storage mit aktiviertem CORS und die meisten CDNs tun das. Andernfalls bleibt die Fläche leer. Der Browser jedes Betrachters fordert das Bild direkt von diesem Server an, auch bei Lesern einer eingebetteten Karte. Verwenden Sie daher nur Server, denen Sie vertrauen. Icon Map übermittelt nicht, welche Karte angezeigt wird.
Eine OneLake-Datei onelake://<workspace-id>/<item-id>/Files/ads/coffee.png OneLake-Adressen der Form https://…onelake.dfs.fabric.microsoft.com/… funktionieren ebenfalls. Gelesen mit den eigenen Berechtigungen des Betrachters. Wird in eingebetteten Karten nicht angezeigt.
Ein Data-URI data:image/png;base64,iVBORw0… Das Bild ist in der Zeile selbst enthalten.
SVG-Markup <svg viewBox="0 0 400 200">…</svg> Beginnt mit <svg. Gut geeignet für generierte Schilder, Abzeichen und einfache Diagramme.

Hinweise zu SVG:

  • Geben Sie dem SVG eine viewBox. Daraus wird seine Größe abgeleitet, sodass es scharf und im richtigen Seitenverhältnis gezeichnet wird.
  • Skripte in einem SVG werden nie ausgeführt: Es wird als Bild gezeichnet.
  • SVGs mit <foreignObject> (eingebettetem HTML) werden nicht gezeichnet. Browser verbieten, sie als Texturen auf einem 3D-Modell zu verwenden.

Formatierung

Wählen Sie in der Zeile einer Fläche Stil (die Pinselschaltfläche).

  • Text: Textfarbe, eine Fläche hinter dem Text und deren Farbe, Ausrichtung sowie Großbuchstaben.
  • Bilder: Einpassen (Fläche füllen schneidet zu, um die Fläche zu füllen, Alles zeigen lässt Ränder frei, Strecken verzerrt passend) und Links-rechts spiegeln.
  • Leuchtanzeige / Hinterleuchtet: standardmäßig aktiviert, sodass die Fläche nachts leuchtet und nicht von der Sonne abgedunkelt wird, wie eine echte LED-Anzeige oder ein Leuchtkasten. Schalten Sie diese Optionen für ein gemaltes Schild aus.

Eine auf Text oder Bild, je Zeile eingestellte Spalte zeigt beide Gruppen von Optionen.

Der Standard-Textstil ist Bernsteingelb auf dunkler Fläche, der Look einer LED-Zielanzeige.

Wann Flächen erscheinen

Text und Bilder sind nur aus der Nähe lesbar und werden daher unterhalb einer Zoomstufe ausgeblendet. Legen Sie diese mit Flächen ab Zoom anzeigen unter den Flächenzeilen fest. Der Standardwert ist 16, ungefähr Straßenebene.

Flächen werden in der realen Größe der Anzeige gezeichnet, daher muss die Größe des Modells in Metern angegeben sein. Eine 3D-Modellebene, deren Größe in Pixeln angegeben ist, zeigt keine Flächen.

Eingebettete Karten

Wenn Sie eine Karte einbetten, funktionieren Flächen wie in Fabric, mit einer Ausnahme: OneLake-Bilder aus Ihren Daten (ein onelake://-Pfad in einer Spalte oder {column} in einer Einstellung Bild oder Wechselnde Bilder) bleiben in der eingebetteten Karte leer.

Das liegt daran, dass eine eingebettete Karte nur Dateien lesen kann, die beim Veröffentlichen in den Veröffentlichungsordner kopiert wurden. Ein festes OneLake-Bild, das in den Einstellungen der Fläche eingetragen ist, wird kopiert und erscheint. Ein Pfad in Ihren Daten ist nur Zeile für Zeile bekannt und wird daher nicht kopiert.

Für datengesteuerte Bilder in einer eingebetteten Karte tragen Sie stattdessen eine https://-URL, einen data:image/...-URI oder SVG-Markup in die Spalte ein.

Flächen zu Ihrem eigenen Modell hinzufügen

Keines der integrierten Modelle hat Flächen. So fügen Sie sie Ihrem eigenen glTF/GLB-Modell hinzu, in Blender oder einem anderen 3D-Werkzeug:

  1. Fügen Sie dort, wo der Inhalt erscheinen soll, ein flaches Rechteck (eine Ebene) hinzu, das auf der Oberfläche des Modells liegt. Icon Map hebt den Inhalt ganz leicht davon ab, sodass er nie mit dem Modell flimmert.
  2. Benennen Sie das Objekt surface:<name>, zum Beispiel surface:blind oder surface:advert. Der Teil nach dem Doppelpunkt ist der in Icon Map angezeigte Name. (text:<name> funktioniert ebenfalls.)
  3. Achten Sie darauf, dass die Ebene nach außen zeigt. Der Inhalt wird auf der Seite gezeichnet, in die die Flächennormale zeigt; bleibt eine Fläche leer, drehen Sie die Normale um.
  4. Exportieren Sie als GLB ohne Draco-Komprimierung. Komprimierte Meshes werden übersprungen, wenn Icon Map nach Flächen sucht.

Text wird aufrecht relativ zur Aufwärtsrichtung des Modells gezeichnet.

Optional, für Modellautoren: Die glTF-extras eines Flächenknotens können ein iconmap:text-Objekt enthalten, das der Fläche ein verständliches label, eine vorgeschlagene Bindung (suggest, zum Beispiel "{route} {destination}") und eine Standardformatierung gibt (color, background, align, uppercase, emissive und für Bildflächen fit und mirror). Wird fit gesetzt, gilt die Fläche als Bildfläche.

Mit Icon Map AI

Demnächst verfügbar

Icon Map AI steht auf der Roadmap der Icon Map Platform. Dieser Abschnitt beschreibt, wie es funktionieren wird; es ist noch nicht allgemein in der Private Preview verfügbar.

Statt ein Modell zu bauen und jede Fläche von Hand zu binden, können Sie Ihrem KI-Assistenten über Icon Map AI beschreiben, was Sie möchten. Zum Beispiel:

„Erstelle ein Londoner Buswartehäuschen mit einem Namensschild über dem Eingang und einer Werbefläche an der Stirnwand. Stelle eines an jede Haltestelle in meiner Haltestellentabelle, zeige den Haltestellennamen auf dem Schild und lass unsere drei Kampagnenplakate auf den Werbeflächen wechseln.“

Ein Modell mit Flächen generieren

Icon Map AI enthält model forge, das Low-Poly-3D-Modelle aus einer Beschreibung erstellt. Wenn das reale Objekt wechselnden Text oder wechselnde Bilder trägt, fügt model forge jede Anzeige als Fläche zum Modell hinzu:

  • In realer Größe und Position, zur Seite ausgerichtet, von der aus sie gelesen wird. Sie müssen also nichts selbst messen oder umdrehen.
  • Nach ihrer Funktion benannt (blind, route_number, advert). Bei vielen Anzeigen werden sie in Leserichtung nummeriert: Regaletiketten label_b1_s1_p1, label_b1_s1_p2 und so weiter, von links nach rechts und von oben nach unten.
  • Mit einer vorgeschlagenen Bindung und einem Standardstil: eine bernsteinfarbene LED-Zielanzeige, ein weißes Gangschild auf Blau, eine hinterleuchtete Werbefläche.

Der Assistent zeigt Ihnen ein Vorschaubild des Modells und ändert es, während Sie es kommentieren („Mach die Zielanzeige breiter“, „Setz die Werbung an das andere Ende“).

Die Ebene einrichten

Wenn das Modell passt, wird der Assistent:

  1. das Modell im OneLake Ihres Arbeitsbereichs speichern.
  2. eine Ebene vom Typ 3D-Modelle oder Fahrzeugtracker hinzufügen, die es verwendet, oder eine vorhandene aktualisieren.
  3. jede Fläche an Ihre Daten binden: an eine Spalte, eine Vorlage wie {route} {destination}, ein festes Bild oder eine wechselnde Bildfolge. Außerdem legt er die Zoomstufe fest, ab der Flächen erscheinen.
  4. eine Vorschau der Karte rendern, damit Sie prüfen können, ob der Text richtig lesbar ist, bevor die Karte gespeichert wird.

Das Ergebnis ist eine ganz normale Icon Map-Ebene. Öffnen Sie sie im Editor, und der Abschnitt Text und Bilder auf dem Modell zeigt jede Bindung, bereit zur manuellen Änderung.

Ihre Daten aufbereiten

Eine Fläche liest aus der Zeile des Modells, auf dem sie sitzt: eine Zeile pro Bus, pro Wartehäuschen, pro Regaleinheit. Trägt ein Modell viele Etiketten, etwa eine Regaleinheit mit 40 Preisschildern, braucht jedes Etikett eine eigene Spalte, benannt nach seiner Fläche. Haben Ihre Daten stattdessen eine Zeile pro Etikett, kann der Assistent die Abfrage schreiben, die sie umformt. Da die Flächen des Modells genau diese Spaltennamen vorschlagen, wird anschließend jedes Etikett ohne weitere Einrichtung gebunden.

Was der Assistent Ihnen sagen wird

  • Die Größe ist real. Eine Bus-Zielanzeige ist ab Straßenzoom lesbar; ein wenige Zentimeter hohes Regaletikett nur in nahen Ansichten auf Augenhöhe. Der Assistent vergrößert keine Anzeige, um sie aus größerer Entfernung lesbar zu machen.
  • Eingebettete Karten brauchen Web- oder SVG-Bilder. Für eine Karte, die Sie einbetten möchten, trägt er Web-URLs oder SVG statt OneLake-Pfaden in Ihre Daten ein (siehe Eingebettete Karten).

Nächste Schritte

  • 3D-Modelle: an jedem Punkt Ihrer Daten ein Modell platzieren.
  • Fahrzeugtracker: Live-Flotten mit Zielanzeigen, die sich mit den Daten aktualisieren.
  • Karten einbetten: eine veröffentlichte Karte auf Ihrer eigenen Seite einbinden.