Merge pull request #1 from cartesiancs/develop

Develop

README.md

@@ -1,3 +1,41 @@
-# map3d
+<p align='center'>
+<h1 align='center'>🗺️ map3d</h1>
+<p align='center'>Generate a real world 3D map</p>
+</p>
 
-Generate a real world 3D map
+<p align='center'>
+<a href="https://map.fleet.im/">Visit Website</a> · <a href="https://github.com/cartesiancs/map3d/issues">Report Bugs</a>
+</p>
+
+![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]
+> 📢 <strong>This project cannot guarantee the accuracy of the data.</strong> 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

src/components/map/SelectMap.tsx

@@ -37,6 +37,7 @@ function RectangleSelector({
   const map = useMapEvents({
     mousedown(e) {
       if (isDrag == false) {
+        console.log(e);
         setFirstPoint(e.latlng);
       }
     },
@@ -151,7 +152,7 @@ export function MapComponent({
       </div>
 
       <MapContainer
-        center={[36.48656, 127.29064]}
+        center={[40.8, -73.95]}
         zoom={13}
         style={{
           height: "70vh",

src/state/areaStore.ts

@@ -15,12 +15,12 @@ export const useAreaStore = create<AreaStore>((set) => ({
   areas: [],
   center: [
     {
-      lat: 36.48888914657037,
-      lng: 127.26794242858888,
+      lat: 40.8,
+      lng: -73.95,
     },
     {
-      lat: 36.48023136458878,
-      lng: 127.25330829620363,
+      lat: 40.83,
+      lng: -73.88,
     },
   ],
   appendAreas: (areas) => set(() => ({ areas: [...areas] })),

tsconfig.app.tsbuildinfo

@@ -1 +0,0 @@
-{"root":["./src/global.d.ts","./src/main.tsx","./src/vite-env.d.ts","./src/api/axios.ts","./src/components/fullscreenmodal.tsx","./src/components/button/bottombutton.tsx","./src/components/flex/column.tsx","./src/components/flex/row.tsx","./src/components/map/processing.tsx","./src/components/map/selectmap.tsx","./src/components/modal/modal.tsx","./src/components/nav/topnav.tsx","./src/components/text/description.tsx","./src/components/text/title.tsx","./src/state/areastore.ts","./src/state/carstore.ts","./src/state/exportstore.ts","./src/theme/color.ts","./src/three/car.tsx","./src/three/space.tsx","./src/ui/app.tsx","./src/utils/cookie.ts"],"version":"5.7.3"}

tsconfig.node.tsbuildinfo

@@ -1 +0,0 @@
-{"root":["./vite.config.ts"],"version":"5.7.3"}