Article : OSM DATA 3D - Modélisation 2D des bâtiments (3/5) (#1279)

<!-- Modèle pour créer une nouvelle revue de presse.

MERCI DE SUPPRIMER OU ADAPTER POUR LES AUTRES TYPES DE CONTENUS
(principe du `benevol time fair-use`).

Pour les articles, voir :
https://contribuer.geotribu.fr/articles/workflow/#soumettre

 -->

Troisième article d'une série de 5 sur la nouvelle version d'OSM DATA
(aka son printemps) en 3D. Dans ce troisième article, on commence la
modélisation des données 2D issues des flux définient au dernier
article. La modélisation architecturale des bâtiments issus
d'OpenStreetMap, en commencant par les toitures, les facades feront
l'objet du quatrième article

Merci d'avance pour votre relecture.


----

:information_source: Message automatique à lire et remplir :arrow_down:

## Liens importants

- pour modifier ton article via l'interface de GitHub, tu peux le
retrouver facilement via l'icône crayon en haut de la page sur le site
de prévisualisation ([cf.
documentation](https://contribuer.geotribu.fr/edit/fix_content_from_website/)).
Sinon :
-
[article](https://github.com/TANK2003/website/edit/master/content/articles/2025/2025-03-03_osm-data-3D-01-introduction.md?pr=%2Fgeotribu%2Fwebsite%2Fpull%2F1262)
  - [page auteur/ice]()
- le dossier dédié pour les illustrations de l'article sur notre
"[CDN](https://contribuer.geotribu.fr/guides/cdn-images-hebergement/)" :
<https://cdn.geotribu.fr/tinyfilemanager.php?p=articles-blog-rdp%2Farticles%2F2025%2Fosm_data>.
Si besoin des accès, contacter en message privé (Mastodon, mail,
Slack,...)
- [site temporaire de prévisualisation de l'article]() - merci de ne pas
le diffuser

## Ressources et check-list

Pour info, voici quelques extraits de notre guide de contribution :

- [comprendre et compléter
l'en-tête](https://contribuer.geotribu.fr/guides/metadata_yaml_frontmatter/)
- [intégrer une image](https://contribuer.geotribu.fr/guides/image/)
- [choisir une
licence](https://contribuer.geotribu.fr/guides/licensing/)
- [signer un article](https://contribuer.geotribu.fr/guides/authoring/)


### Qualité

- [ ] les news sont bien réparties dans les bonnes sections
- [ ] les sections vides sont supprimées
- [ ] vérifier le rendu de la syntaxe markdown (cf. linter)
- [ ] chasse aux coquilles orthographiques et dyslexiques

### Images

- [ ] les images téléversées sur le CDN n'ont pas de caractère spécial
dans leur nom de fichier (espace, accent, etc.) et n'excédent pas 1000px
de largeur
- [x] les images sont hébergées sur des sites sécurisés (HTTPS)
- [x] chaque news a une vignette
- [x] les images (sauf les vignettes) ont l'attribut `loading` défini
sur `lazy` (cf.
[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-loading)
et [guide
material-mkdocs](https://squidfunk.github.io/mkdocs-material/reference/images/#image-lazy-loading))
- [x] accessibilité : chaque image a un texte de remplacement (entre les
crochets) et un titre lisible par les outils d'assistance. Bref, qui
respecte la [syntaxe
générale](https://contribuer.geotribu.fr/guides/image/#syntaxe-generale)


## 📢 Diffusion

Une fois l'article publié, il sera alors temps de le diffuser. Il sera
automatiquement intégré au [flux
RSS](http://geotribu.fr/feed_rss_created.xml) et à [la
newsletter](http://geotribu.fr/newsletter/signup/).

Mais la publication sur les réseaux sociaux est manuelle.

Nous avons des comptes officiels sur ces réseaux sociaux :

- [BlueSky](https://bsky.app/profile/geotribu.bsky.social)
- ~~[Facebook](https://www.facebook.com/geotribu) - inactif~~
- [LinkedIn](https://www.linkedin.com/company/geotribu/) avec [le
hashtag
#Geotribu](https://www.linkedin.com/feed/hashtag/?keywords=geotribu)
- [Mastodon](https://mapstodon.space/@geotribu)
- ~~[X/Twitter](https://twitter.com/geotribu)~~ - inactif

Merci d'indiquer en commentaire tes comptes à utiliser pour être cité/e
dans les messages et de cocher ci-après la "stratégie" de diffusion qui
te convient pour chaque réseau.

### BlueSky

- [x] un/e membre de Geotribu publie, tu repartages avec ton compte
- [ ] tu publies, on repartage
- [x] chacun/e publie de son côté
- [ ] je souhaite que mon contenu ne soit pas diffusé sur ce réseau

### LinkedIn

- [x] un/e membre de Geotribu publie, tu repartages avec ton compte
- [ ] tu publies, on repartage
- [x] chacun/e publie de son côté
- [ ] je souhaite que mon contenu ne soit pas diffusé sur ce réseau

### Mastodon

- [x] un/e membre de Geotribu publie, tu repartages avec ton compte
- [ ] tu publies, on repartage
- [x] chacun/e publie de son côté
- [ ] je souhaite que mon contenu ne soit pas diffusé sur ce réseau

Author: Guts

config/extra_tags.yml

@@ -56,6 +56,7 @@ tags:
   LIDAR: satellite
   livre: atlas
   Linux: pingouin
+  MapBox: mapbox
   Mapillary: streetview
   MapLibre: maplibre
   Markdown: markdown
@@ -69,6 +70,7 @@ tags:
   OGR: gdal
   Open Data Kit: telephone
   OpenDroneMap: drone
+  OpenLayers: openlayers
   OpenPathView: streetview
   OpenRouteService: route
   open data: open
@@ -103,9 +105,10 @@ tags:
   routing: route
   SAGA: gemeaux
   SQL: database
-  three.js: js
+  Three.js: threejs
   topologie: vector
   Twitter: twitter
   Ubuntu: ubuntu
+  WebGL: webgl
   Wikipédia: wikipedia
   Windows: windows

config/theme_icon.yml

@@ -32,13 +32,15 @@ icon:
     institution: fontawesome/solid/building-columns
     js: fontawesome/brands/js
     manette: fontawesome/solid/gamepad
+    mapbox: material/mapbox
     maplibre: simple/maplibre
     markdown: fontawesome/brands/markdown
     masques: fontawesome/solid/masks-theater
     mastodon: material/mastodon
     meridiens: fontawesome/solid/globe
     oeuf: fontawesome/solid/egg
     open: fontawesome/solid/lock-open
+    openlayers: simple/openlayers
     opensource: material/open-source-initiative
     parquet: simple/apacheparquet
     pingouin: simple/linux
@@ -55,8 +57,10 @@ icon:
     tente: material/tent
     telephone: material/cellphone-marker
     terrain: fontawesome/solid/mountain-city
+    threejs: simple/threedotjs
     twitter: simple/x
     ubuntu: material/ubuntu
     vector: material/vector-polygon
+    webgl: simple/webgl
     wikipedia: material/wikipedia
     windows: fontawesome/brands/windows

content/articles/2021/2021-11-11_carte_en_relief_des_ecrins.md

@@ -16,7 +16,7 @@ tags:
     - DEM
     - QGIS
     - relief
-    - three.js
+    - Three.js
 ---
 
 # Faire une carte en relief des Écrins