GeoVantage

เจ้าของผลงานเล่าไว้แบบนี้

https://geo-van-tage.vercel.app # GeoVantage — Working Demo เดโมที่ใช้งานได้จริงของแพลตฟอร์ม GeoVantage สร้างจาก `GeoVantage ver1.0.pdf` (โมดูล M1 / M2 / M3) + `place-registry-schema (1).md` **โครงหน้าจอ** (layout, ลำดับข้อมูล, การ์ด, แถบตัวกรอง, เกจ, meta strip) ทำตามภาพ REFERENCE ในข้อเสนอ **สไตล์ทั้งหมด** (สี ตัวอักษร รัศมี เงา คอมโพเนนต์) ใช้ของ `designsystem-fixed.html` — โทนแบรนด์แดง oklch(0.557 0.241 28.59) **ไม่ต้องมี API key** — ข้อมูลสถานที่ดึงสดจาก OpenStreetMap ผ่าน Overpass API, แผนที่จาก Leaflet + OSM tiles, ค้นหาชื่อสถานที่ผ่าน Nominatim, และเก็บข้อมูลใน `localStorage` ของเบราว์เซอร์ (ทำหน้าที่แทน Supabase/PostGIS ในเดโม) ## วิธีรัน ```bash cd geovantage-demo node server.mjs # → http://localhost:8788 ``` เปิด `http://localhost:8788` แล้วเลือกบทบาท (Business User / Administrator) ผู้ใช้ทั่วไปเข้าสู่ระบบแล้วลงที่ **เลือกทำเล** ทันที (ไม่มีหน้าหลักแยกอีกแล้ว) · ผู้ดูแลลงที่ **แดชบอร์ด** ทางลัดสำหรับสาธิต: `?demo=admin#dash` · `?demo=user#find` > เปิดไฟล์ `index.html` ตรง ๆ ก็ทำงานได้ แต่แนะนำให้รันผ่าน `server.mjs` > เพราะบางเบราว์เซอร์จำกัดการเรียก API ข้ามโดเมนจาก `file://` ## เริ่มใช้งานครั้งแรก ระบบเริ่มต้นด้วยฐานข้อมูลว่าง — กดปุ่ม **“กวาดพื้นที่ตัวอย่าง”** บนแดชบอร์ด (สยาม–ปทุมวัน / อารีย์ / นิมมานเหมินท์) ระบบจะดึงข้อมูลจริงจาก OSM ~600–900 จุด ใน 10–30 วินาที หรือไปที่ **กวาดข้อมูล** เพื่อเลือกพื้นที่เองบนแผนที่ ## สิ่งที่ทำงานจริง (ไม่ใช่ mockup) | โมดูล | ฟังก์ชัน | สถานะในเดโม | |---|---|---| | **M2 Administration** | Data Sweeping | ยิง Overpass API จริง · **Adapti

โดย MazDev01 · ดูโพสต์ต้นทาง