cartesiancs/map3d

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

TypeScript

2,600

42 commits

updated May 13, 2026

See the code

README

🗺️ 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

https://github.com/user-attachments/assets/1b61c2f8-dcf9-40bb-9804-59f6a74594dc

Contributors

Hyeong Jun Huh (GitHub)

License

MIT License

map
r3f
react
threejs
typescript

cartesiancs/map3d

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

TypeScript

2,600

42 commits

updated May 13, 2026

See the code

README

🗺️ 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

https://github.com/user-attachments/assets/1b61c2f8-dcf9-40bb-9804-59f6a74594dc

Contributors

Hyeong Jun Huh (GitHub)

License

MIT License

map
r3f
react
threejs
typescript

Significant stargazers

svjack

102 followers · starred May 2026

Sara Vieira

4,286 followers · starred Feb 2025

Marc Espin

514 followers · starred May 2026

Klas Johansson

32 followers · starred Jul 2026