Projet client/Bâtiments intelligents
Visualiseur IFC sur mesure avec capteurs IoT en direct pour l'exploitation des bâtiments ministériels à Dubaï
Un visualiseur IFC/GLB sur mesure sur Mapbox avec capteurs IoT en direct, cartes de chaleur IAQ et jumeau numérique AHU interactif pour l'exploitation des installations à Dubaï.
Dubaï, EAU
Visualiseur IFC sur mesure, Dispositifs IoT, Jumeau numérique, Modélisation intérieure
À propos du projet
Cet espace place un modèle d'étage GLB dérivé d'IFC sur Mapbox afin que les opérateurs inspectent les pièces dans un vrai contexte géographique—pas un visualiseur bureau déconnecté.
Les dispositifs IoT smartHVAC installés diffusent température, humidité relative, CO2 et IAQ dans le modèle. Les marqueurs capteurs affichent l'état en ligne/hors ligne, les remplissages de pièces reflètent la métrique active, et les cartes de chaleur IAQ rendent le risque environnemental lisible étage par étage.
Un jumeau numérique AHU dédié permet aux équipes d'inspecter les étapes de filtration, les batteries et les ventilateurs avec des métriques en direct telles que la perte de charge du filtre, la durée de vie estimée et la charge de poussière—reliant opérations spatiales et santé des systèmes mécaniques dans une seule expérience navigateur.
Les défis rencontrés
1. Ancrer la géométrie BIM intérieure sur une carte live
Le modèle d'étage devait rester géoréférencé lors du déplacement, de l'inclinaison et du changement de styles Mapbox. Cela exigeait une couche Three.js personnalisée partageant le contexte WebGL de Mapbox, plus un calibrage d'origine, d'échelle, de rotation et de décalages en mètres.
2. Cartographier fiablement les dispositifs IoT installés dans les pièces
Chaque capteur nécessitait un mapping pièce stable, un statut live et une coloration par métrique sans saturer la carte. Les opérateurs avaient aussi besoin d'états hors ligne clairs et de liens vers des tableaux de bord d'analytique IA plus poussés.
3. Rendre les systèmes mécaniques opérables, pas seulement visibles
Au-delà des capteurs de pièce, la livraison exigeait une coupe AHU interactive avec composants libellés, indices de flux d'air et télémétrie de santé pour que les équipes facilities diagnostiquent filtration et état CVC en contexte.
Comment nous l'avons résolu
Visualiseur Next.js App Router avec couche Mapbox personnalisée et Three.js/GLTFLoader pour rendre le modèle GLB intérieur en espace Mercator.
Contrôles de calibrage live pour longitude, latitude, altitude, échelle, rotation et décalages afin d'aligner le modèle sur l'imagerie satellite sur site.
Connexion InfluxDB pour les flux capteurs live et historiques, avec repli SSE/polling et coloration des pièces par étage pour Temp, HR, CO2 et IAQ.
Marqueurs capteurs sur les meshes de pièces avec indicateurs en ligne/hors ligne, télémétrie au survol et liens profonds vers l'analytique smartHVAC.
Scène AHU interactive avec sélection de composants, particules de flux d'air et panneaux de santé live pour les étapes de filtration et mécaniques.
Captures du projet
Résultats obtenus
Visualiseur d'exploitation de bâtiment en production livré : les équipes facilities inspectent des modèles intérieurs géoréférencés, surveillent les dispositifs IoT installés sur place et diagnostiquent la santé des composants AHU sans quitter le navigateur.
Georeferenced IFC/GLB indoor models on Mapbox for facilities context
Live room IoT metrics and IAQ heatmaps in place on the model
Interactive AHU digital twin for component-level diagnosis
Offline and online sensor status visible without desktop tools
Technologies utilisées
Next.jsReactTypeScriptMapbox GLThree.jsReact Three FiberInfluxDBZustand
Prêt à démarrer ?
Construisons quelque chose de fort ensemble
Besoin d'un visualiseur IFC sur mesure avec IoT pour vos installations ? Découvrez comment BimEx peut connecter modèles, capteurs et opérations dans un seul espace de travail navigateur.