---
description: >-
  Intégrez un sélecteur de bâtiment au sein de vos outils pour permettre à vos
  utilisateurs d'obtenir facilement les identifiants RNB et les informations
  associées.
---

# Sélecteur de bâtiments

Il existe 2 exemples de sélecteur de bâtiment que vous pouvez retrouver sur Codepen:

<mark style="color:red;">**→**</mark> [Le sélecteur de bâtiment par point](https://codepen.io/ReferentielNationalDesBatiments/pen/ogNoOdb)\
<mark style="color:red;">**→**</mark> [Le sélecteur de bâtiment par géométrie](https://codepen.io/ReferentielNationalDesBatiments/pen/ZYEaZxw)

<figure><img src="https://550663842-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fb6x7CHiWqekC3EKI6HOF%2Fuploads%2FL3QuuPrxhqICK6if8iv2%2FCapture%20d%E2%80%99e%CC%81cran%202024-01-12%20a%CC%80%2011.45.47.png?alt=media&#x26;token=39dc9f6c-70de-4275-90c9-fa56e8d30646" alt=""><figcaption><p>Affichez les bâtiments sur une carte et obtenez les attributs de ce bâtiment en JSON.</p></figcaption></figure>

**Cet exemple utilise :**&#x20;

* [MapLibre GL JS](https://maplibre.org/maplibre-gl-js/docs/) pour l'affichage de la carte
* Les [tuiles vectorielles](../api-et-outils/tuiles-vectorielles) du RNB pour l'affichage des bâtiments sur la carte
* [L'endpoint du consultation d'un bâtiment](../api-et-outils/api-batiments/consultation-dun-batiment) pour la récupération des attributs



<mark style="color:red;">**→ Démonstration**</mark>**&#x20;: Intégration dans le parcours utilisateur d'**[**Espace sur Demande**](https://espacesurdemande.anct.gouv.fr)

Objectifs : Améliorer la géolocalisation du bâtiment disponible à la localisation et enrichir la fiche descriptive de l’espace bâtimentaire à louer, avec des attributs métiers disponibles dans d’autres bases en open-data.&#x20;

Comment : Espace sur Demande propose à ses utilisateurs d’identifier et de sélectionner le bâtiment concerné par la location, sur la carte du RNB, tout en restant sur leur parcours utilisateur. Pour ce faire, la SE a intégré le sélecteur de bâtiment du RNB.

{% embed url="https://www.canva.com/design/DAGjjwuM9K0/HzBIriEOXWwvbHde2pxFPQ/watch?utlId=h012d776bad&utm_campaign=designshare&utm_content=DAGjjwuM9K0&utm_medium=link2&utm_source=uniquelinks" %}
Vidéo du Sélecteur de bâtiment du RNB intégré dans le parcours utilisateur d'[Espace sur Demande](https://espacesurdemande.anct.gouv.fr)
{% endembed %}

<mark style="color:red;">**→ Démonstration**</mark>**&#x20;: Première intégration du sélecteur de bâtiment du RNB dans le** [**logiciel DPE Pleiades**](https://rnb.beta.gouv.fr/blog/dpe-premiere-integration-du-selecteur-de-batiment-du-rnb-dans-le-logiciel-pleiades?ref=referentiel-national-du-batiment.ghost.io)

Le logiciel Pleiades a été la premier à intégrer, au printemps 2024, un sélecteur de bâtiment du RNB. Celui-ci permet aux diagnostiqueurs effectuant des DPE de sélectionner le bâtiment, dont il est question, sur une interface cartographique. L'ID du RNB se retrouve ainsi dans chaque nouveau DPE

{% embed url="https://drive.google.com/file/d/11pe6eLvwpdwazv32HxHidHDjADU7cemo/view?usp=sharing" %}
Vidéo du Sélecteur de bâtiment du logiciel Pleiades
{% endembed %}

> _"La création de l’API entre le logiciel Pleiades et le RNB a demandé environ_ [_**2 jours de travail à nos codeurs**_](https://rnb.beta.gouv.fr/blog/dpe-premiere-integration-du-selecteur-de-batiment-du-rnb-dans-le-logiciel-pleiades?ref=referentiel-national-du-batiment.ghost.io)_. Nous n’avons rencontré aucune difficulté particulière.", précisent_ Ludovic Bureau, ingénieur énergéticien en charge du développement du logiciel et Achille Pace, développeur.

