https://github.com/cartesiancs/map3d

🗺️ Generate City 3D map with R3F. Include building and road information.
https://github.com/cartesiancs/map3d

map r3f react threejs typescript

Last synced: 20 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/cartesiancs/map3d
• Owner: cartesiancs
• License: mit
• Created: 2025-02-23T11:20:41.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2025-03-12T05:50:38.000Z (about 1 month ago)
• Last Synced: 2025-03-28T14:06:13.438Z (27 days ago)
• Topics: map, r3f, react, threejs, typescript
• Language: TypeScript
• Homepage: https://map.fleet.im
• Size: 1.05 MB
• Stars: 251
• Watchers: 3
• Forks: 22
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


🗺️ map3d

Generate a real world 3D map




Visit Website · Report Bugs



![img](./.github/screenshot.png)

## About The Project

This is a 3D building mapping service implemented with [React-Three-Fiber](https://github.com/pmndrs/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

- [x] Create 3D Buildings

- [x] Create Roads

- [x] 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)](https://github.com/DipokalLab)

## License

MIT License