Zurück zum BIM- & IFC-Blog
Digitale Zwillinge · 2026-10-10 · 9 Min.
Digitaler Zwilling der Plaça de Catalunya live: aus Open Data im Browser gebaut
Acht IFC-Modelle der Plaça de Catalunya auf dem realen Gelände, mit Bicing-Docks, einer E-Ladesäule, Straßenverkehr und Luftqualität, die sich aus den offenen Daten Barcelonas aktualisieren. Alles läuft im Browser des Besuchers: keine IoT-Plattform, kein GIS-Server, kein Backend von uns.
Plaça de Catalunya im IFC Viewer Online: die Zwillingsbrunnen und weitere IFC-Modelle auf der 3D-Karte von Barcelona, mit einer Live-Anzeige der Bicing-Fahrräder über den Docks
Die meisten Demos zu digitalen Zwillingen beginnen mit einer Plattform: einem Cloud-Konto, einer Konnektorlizenz und einem Server, mit dem die Sensoren kommunizieren. Diese hier beginnt mit einem Link. Öffnen Sie ihn, und acht IFC-Modelle der Plaça de Catalunya stehen auf dem realen Gelände von Barcelona, während die öffentlichen Feeds der Stadt sie einfärben: die Docks einer Bikesharing-Station, die Ladeplätze einer E-Ladesäule, der Verkehr auf den umliegenden Straßen und die Luftqualität.
Dazwischen steht nichts von uns. Der Browser des Besuchers lädt die Modelle von dieser Website und die Daten direkt von jedem Anbieter. Das setzt dem Zwilling Grenzen, auf die wir weiter unten eingehen. Es bedeutet aber auch, dass jeder ihn öffnen, einbetten oder seine Szenendatei kopieren und einen eigenen Zwilling bauen kann.
Das Wichtigste
- Ein nützlicher digitaler Zwilling lässt sich allein aus Open Data bauen, wenn die Anbieter Browser-Anfragen erlauben (CORS). Die Feeds von Bicing, Endolla sowie die Verkehrs- und Luftqualitätsdaten Barcelonas tun das alle.
- Die Verbindung zwischen Daten und Modell ist ein Binding: ein Feed, eine Geräte-ID, eine Abfrage nach IFC-Elementen über Klasse und Name sowie Farbregeln, bei denen der erste Treffer gilt.
- Die Ausrichtung macht den Zwilling glaubwürdig. Hier liegen IFC-Elemente 0,1–0,4 m neben den OpenStreetMap-Objekten, die sie abbilden, und Datenpunkte sitzen exakt dort, wo die Basiskarte sie zeichnet.
- Die ganze Demo ist eine einzige JSON-Szenendatei. Kopieren Sie sie, ändern Sie Modelle und Bindings, und Sie haben Ihren eigenen Zwilling.
Ausprobieren: Plaça de Catalunya live
Öffnet die acht Modelle auf dem ICGC-Gelände mit den vier Live-Ebenen. Die Bicing-Docks und die Endolla-Ladeplätze erhalten ihre Farbe aus den Feeds, der Live-Wert schwebt darüber.
Interaktiven IFC-Viewer öffnen
Was die Szene enthält
Acht georeferenzierte IFC-4.3-Modelle rund um den Platz und den unteren Teil des Passeig de Gràcia, auf dem 5-m-Geländemodell des Katalanischen Kartografischen Instituts, umgeben von der OpenStreetMap-Stadt.
| Modell | Was es ist |
|---|
| Mobilitätsknoten | Bicing-Station 65 mit ihren 21 Docks, ein Buswartehäuschen, der Metro-Zugang mit Aufzug, Stadtmobiliar |
| Fonts Bessones | Die Zwillingsbrunnen des Platzes, mit ihren Hydraulik- und Beleuchtungsanlagen |
| Macià-Denkmal | Das Denkmal für Francesc Macià, als Kulturgut |
| Pelai-Eingang | Der Pelai-Eingang zur Station Catalunya |
| Canaletes | Der obere Abschnitt der Rambla und der Canaletes-Brunnen |
| Gran-Via-Brunnen | Der Monumentalbrunnen am Passeig de Gràcia und an der Gran Via |
| Bank-Laternen | Die Bank-Laternen von Pere Falqués am Passeig de Gràcia |
| Endolla-Ladesäule | Ein Ladepunkt für E-Fahrzeuge am Straßenrand: die Ladesäule, ihre Anschlüsse und zwei Ladeplätze |
Die Modelle sind illustrative Rekonstruktionen, die aus öffentlichen Quellen erstellt wurden. Ihre Bestandsdaten sind in den Dateien als Demowerte gekennzeichnet.
Bicing-Station 65: Die Dock-Pfosten übernehmen jede Minute den Status der Station, die schwebende Zahl zeigt die aktuell verfügbaren Fahrräder.
Vier offene Feeds und kein Server dazwischen
| Feed | Herausgeber | Format | Aktualisierung in der Szene |
|---|
| Bicing-Stationen | Bicing, Ajuntament de Barcelona | GBFS 3.0 | Kartenebene alle 30 s; Dock-Farben alle 60 s |
| E-Laden | Endolla / B:SM, Open Data BCN | GELFS JSON | Ladestatus alle 5 min |
| Straßenverkehr | Ajuntament de Barcelona, Open Data BCN | Statustabelle, mit Straßenabschnitten verknüpft | Alle 5 min |
| Luftqualität | Agència de Salut Pública de Barcelona | Stündliche CSV, mit den Messstationen verknüpft | Stündlich, 45 min bis 3 h verspätet veröffentlicht |
Jede Anfrage geht vom Browser des Besuchers direkt an den Herausgeber. Das funktioniert nur, weil diese Feeds die erforderlichen CORS-Header senden, was für jeden einzelnen geprüft wurde, bevor er in die Szene kam. Die Formate sind offene Standards oder einfache Dateien: GBFS für Bikesharing[gbfs], eine JSON-Datei für Endolla und CSV-Tabellen aus dem Open-Data-Portal der Stadt[opendata-bcn]. Alle vier werden im Browser gelesen.
Vom Feed zum eingefärbten Dock-Pfosten
Die Docks von Station 65 einzufärben erfordert fünf Schritte, und die Szenendatei enthält jeden einzelnen davon:
- Eine Gerätequelle Der Stationsstatus-Feed von Bicing, alle 60 s abgefragt. Jede Station darin wird zu einem Gerät, mit station_id als Schlüssel.
- Ein Gerät Station 65, die an der Ecke zwischen dem Platz und dem Passeig de Gràcia.
- Eine Abfrage für die Elemente IfcBuildingElementProxy-Elemente, deren Name „ancoratge“ (katalanisch für Dock) enthält, einschließlich der Teile von Baugruppen. Damit werden alle 21 Dock-Pfosten gefunden.
Baugruppen spielen hier eine Rolle. Die Docks sind Teile der Stationsbaugruppe (IfcRelAggregates), und eine Abfrage, die nur Elemente der obersten Ebene berücksichtigte, fand keines davon.
- Regeln, der erste Treffer gilt Außer Betrieb: grau. Keine Fahrräder: rot, mit einem Alarm nach 15 Minuten. Voll: blau. Zwei Fahrräder oder weniger: orange. Sonst grün.
- Ein schwebender Wert und eine Aktualitätsgrenze Die Zahl der verfügbaren Fahrräder schwebt über den Docks. Ist ein Messwert älter, als die Quelle zulässt, werden sie grau: „keine aktuellen Daten“ wird nie mit „alles in Ordnung“ verwechselt.
{
"sourceId": "bicing-status",
"deviceId": "65",
"query": { "classes": ["IfcBuildingElementProxy"], "nameContains": "ancoratge" },
"rules": [
{ "name": "No bikes", "filters": [{ "field": "num_vehicles_available", "op": "eq", "value": 0 }],
"effect": { "color": "#ef4444" }, "alert": { "forMin": 15 } }
]
}
Klicken Sie auf einen Dock-Pfosten, und seine Detailkarte zeigt Station 65 live, neben den IFC-Daten des Elements.
Die Endolla-Ladesäule funktioniert genauso: Ihre zwei Ladeplätze übernehmen den Status des Ladestandorts 3762 am Passeig de Gràcia 5. Die IDs der Ladesäule im IFC sind illustrativ, deshalb wird dieses Binding über die Position (den realen Standort neben dem Modell) zugeordnet und nicht über eine echte Geräte-ID.
Am richtigen Ort stehen
Ein Zwilling, der ein paar Meter neben seiner Straße schwebt, überzeugt schon auf den ersten Blick nicht mehr. Jedes Modell wird hier über seine eigene Georeferenz, eine IfcMapConversion in ETRS89 / UTM 31N, auf das Geländemodell[icgc-met] gesetzt. Modelle mit gemeinsamem Ursprung bleiben zusammen. Wenn Ihre eigenen Modelle am falschen Ort landen, finden Sie die üblichen Ursachen in IFC-Koordinaten und Georeferenzierung.
Wir haben gemessen, wo die Modelle im Vergleich zu den OpenStreetMap-Objekten landen, die sie darstellen, beide exakt so projiziert, wie die Basiskarte sie zeichnet:
IFC-Element im Vergleich zum OSM-Objekt, das es abbildet
- Säule des Canaletes-Brunnens: 0.08m
- Fonts Bessones: 0.1m
- Macià-Denkmal: 0.3m
- Glaskiosk Pelai: 0.38m
Gemessen im laufenden Viewer am 2026-10-10. Die Datenebenen sind exakt: 687 Punkte, bis zu 8 km vom Platz entfernt, liegen 0,00 mm von der Stelle entfernt, an der die Karte sie zeichnet.
In diesem Maßstab entscheiden zwei Details. Die Georeferenz speichert ihre Drehung gegenüber Gitternord, die Karte ist aber nach geografisch Nord gezeichnet. In Barcelona weichen beide um 0,55° voneinander ab, am Ende eines 100 m langen Modells etwa einen Meter, und der Viewer rechnet diese Differenz heraus. Außerdem werden die Datenebenen exakt so projiziert wie die Basiskarte, sodass eine Bicing-Station in 4 km Entfernung trotzdem auf ihrem Gehweg liegt.
Was der Zwilling nicht ist
- Kein Leitsystem. Die Daten sind das, was die Anbieter veröffentlichen, in deren Takt: Die Luftqualität liegt 45 Minuten bis 3 Stunden zurück, und die E-Ladedatei sagt nur, wann sich ein Anschluss zuletzt geändert hat, nicht, wann er zuletzt gemeldet hat.
- Kein Anlagenregister der Stadt. Die Modelle sind Rekonstruktionen, und ihre Wartungsdaten sind illustrativ.
- Nicht bei jedem Feed schnell. Open Data BCN braucht mitunter 15–40 s für eine Antwort, sodass Verkehrs- und Ladedaten nach dem Rest erscheinen können.
- Auf Smartphones noch nicht gemessen. Die vollständige Szene mit acht Modellen, vier Ebenen und der 3D-Stadt wurde in Desktop-Browsern getestet.
Eigenen Zwilling bauen
Die Demo besteht aus einer einzigen JSON-Datei, einer Szene, die Modelle, Ebenen, Gerätequellen, Bindings und Kamera auflistet. So bauen Sie Ihre eigene:
- Szenendatei kopieren Starten Sie mit /scenes/barcelona-placa-catalunya.scene.json auf dieser Website.
- Modelle austauschen Richten Sie die Modell-URLs auf Ihre IFC-Dateien, auf einem beliebigen Host, der CORS-Header sendet.
- Bindings auf Ihre Elemente ausrichten Verwenden Sie eine IFC-Klasse und einen Namensteil oder eine Liste von GlobalIds.
- Hosten und öffnen Jeder statische Host genügt. Öffnen Sie den Viewer mit ?scene= und der URL der Datei, oder verzichten Sie aufs Hosten: Teilen → Digital-Twin-Szene verpackt die ganze Szene im Link selbst.
<iframe
src="https://www.ifcvieweronline.eu/?scene=/scenes/barcelona-placa-catalunya.scene.json&embed=1"
width="100%" height="600" style="border:0;border-radius:12px"
loading="lazy" allow="fullscreen"
title="Plaça de Catalunya — open-data digital twin">
</iframe>
Dasselbe Embed funktioniert auf einer Projektwebsite, einer Intranetseite oder in einem Panel einer gemeinsamen Datenumgebung (CDE). Alle Parameter stehen in So binden Sie einen IFC-Viewer in eine Website ein. Denselben Ansatz mit anderen Daten zeigen Live-Busse an einem IFC-Busbahnhof über MQTT und Bahnhofszwillinge für Tokio aus ODPT-Daten.
Digitaler Zwilling der Plaça de Catalunya live: aus Open Data im Browser gebaut