Hamza/maps-saas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement geometry snapping logic for manual road insertion and approved roads topology

Browse Source
This commit is contained in:
Hamza-Ayed
2026-08-16 17:34:06 +03:00
parent b3ffa7c71d
commit 03cdc6fe9c
12 changed files with 1431 additions and 453 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/App.tsx
+31 -4
View File
@@ -11,6 +11,9 @@ function App() {
const [loading, setLoading] = useState(false);
const [show3D, setShow3D] = useState(false);
const [showPOIs, setShowPOIs] = useState(true);
const [showTerrain, setShowTerrain] = useState(true);
const [showContours, setShowContours] = useState(true);
const [showAdminBoundaries, setShowAdminBoundaries] = useState(true);
// Geocoding State
const [searchQuery, setSearchQuery] = useState('');
@@ -254,20 +257,41 @@ function App() {
<hr style={{ border: 'none', borderTop: '1px solid var(--glass-border)', margin: '10px 0' }} />
<div style={{ display: 'flex', flexDirection: 'column', gap: '15px' }}>
<h3>Options / خيارات</h3>
<div style={{ display: 'flex', flexDirection: 'column', gap: '12px' }}>
<h3>Layers & Map Options / خيارات الخريطة</h3>
<div className="toggle-group" style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
<label style={{ cursor: 'pointer', display: 'flex', alignItems: 'center', gap: '8px' }}>
<input type="checkbox" checked={show3D} onChange={(e) => setShow3D(e.target.checked)} />
3D Buildings / مباني 3D
🏢 3D Buildings / مباني ثلاثية الأبعاد
</label>
</div>
<div className="toggle-group" style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
<label style={{ cursor: 'pointer', display: 'flex', alignItems: 'center', gap: '8px' }}>
<input type="checkbox" checked={showPOIs} onChange={(e) => setShowPOIs(e.target.checked)} />
Show POIs / عرض المعالم
📍 Show POIs / المعالم والأنشطة
</label>
</div>
<div className="toggle-group" style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
<label style={{ cursor: 'pointer', display: 'flex', alignItems: 'center', gap: '8px' }}>
<input type="checkbox" checked={showAdminBoundaries} onChange={(e) => setShowAdminBoundaries(e.target.checked)} />
🏛️ Admin Boundaries / الحدود الإدارية
</label>
</div>
<div className="toggle-group" style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
<label style={{ cursor: 'pointer', display: 'flex', alignItems: 'center', gap: '8px' }}>
<input type="checkbox" checked={showTerrain} onChange={(e) => setShowTerrain(e.target.checked)} />
🏔️ Hillshading & Relief / تضاريس وظلال جبلية
</label>
</div>
<div className="toggle-group" style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
<label style={{ cursor: 'pointer', display: 'flex', alignItems: 'center', gap: '8px' }}>
<input type="checkbox" checked={showContours} onChange={(e) => setShowContours(e.target.checked)} />
〰️ Contour Lines / خطوط الكنتور (الارتفاعات)
</label>
</div>
@@ -290,6 +314,9 @@ function App() {
onMapClick={handleMapClick}
show3D={show3D}
showPOIs={showPOIs}
showTerrain={showTerrain}
showContours={showContours}
showAdminBoundaries={showAdminBoundaries}
/>
{/* Add Place Modal */}