TypeScript MIT

map3d

🗺️ Generate City 3D map with R3F. Include building and road information.

C

cartesiancs

Dernière activité 13 mai 2026
cartesiancs/map3d

2,4 k

étoiles

392

forks

5

issues ouvertes

mapr3freactthreejstypescript

Ce README est souvent en anglais.

🗺️ map3d

Generate a real world 3D map

Visit Website · Report Bugs

img

About The Project

This is a 3D building mapping service implemented with React-Three-Fiber. It allows exporting as a GLB file, and all features are free to use. Based on this project, various functionalities such as digital twin, drone surveying, and GPS markers can be implemented.

The map files are based on OpenStreetMap data.

Important

📢 This project cannot guarantee the accuracy of the data. Since it uses OpenStreetMap data, some height values may be missing or incorrectly recorded. To address this issue, an option will be added in the future to allow users to manually correct the data.

Roadmap

  • Create 3D Buildings
  • Create Roads
  • Export GLB
  • Building Texture
  • Height Customization
  • Material
  • Heightmap

Demo

output.1.mp4

Contributors

Hyeong Jun Huh (GitHub)

License

MIT License

Projets similaires

Three.js 可视化大屏,地理轮廓精确呈现3D地图

TypeScript3dmapreactthreejs
Kknight-L
2,3 k étoiles472

Use React and Three.js inside Mapbox and Maplibre

TypeScript3dmapmapbox
RRodrigoHamuy
321 étoiles41

Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL

TypeScript3djavascriptmaps
Mmapbox
12,4 k étoiles2,4 k