Aller au contenu
en

Cartographie 3D temps réel pour React

map3D

map3D est une bibliothèque de cartographie 3D temps réel pour React, écrite par Alban Pasquelin : globe photoréaliste sur les tuiles 3D Google jusqu'au niveau de la rue, marqueurs et regroupements en DOM, éditeur de dessin géospatial, moteur Three.js impératif sous une surface déclarative.

import { TypeScript, React19, Threejs, WebGL } from '@/stack'
export function renderGlobe(tiles: Photorealistic3DTiles): Map3DSurface {

Un globe photoréaliste que l'on traverse de l'orbite jusqu'au trottoir, sans coupure. Les bâtiments sont les vrais bâtiments, texturés depuis les tuiles 3D de Google.

<Map3D tiles={googlePhotorealistic3DTiles} mode='pedestrian' />

On y pose des marqueurs, on les regroupe automatiquement quand ils se chevauchent, et on descend en mode piéton. On dessine dessus comme dans Figma : formes, mesures, annotations géolocalisées, avec import et export GeoJSON.

map.add(<Markers cluster />).add(<DrawingEditor geojson />)

Dessous, un moteur Three.js impératif et optimisé. Dessus, une API React déclarative où l'on écrit des composants. Le développeur ne voit jamais le moteur, sauf s'il en a besoin.

export const surface = declarative(imperativeThreeEngine)
return {
declarativeApi: 'React 19', /** API déclarative **/
symbologySupported: 'MIL-STD-2525D', /** symbologie supportée **/
}
}

← Projets