Show GN: ผมได้สร้างเว็บแอปสำหรับวาดแผนการเดินทางบนแผนที่ขึ้นมาครับ

 (drt0927.github.io)
7 คะแนน โดย drt0927 2025-12-17 | 5 ความคิดเห็น | แชร์ทาง WhatsApp

สวัสดีครับ
ขอมาแชร์เว็บแอป (trip sketch) ที่ทำเป็นโปรเจกต์ส่วนตัวครับ

ตอนวางแผนทริปกับแฟน
ผมรู้สึกไม่สะดวกที่บริการเดิม ๆ ส่วนใหญ่มักเน้นรายการกำหนดการหรือตัวข้อความ
ทำให้จัดเส้นทางการเดินทางและลำดับสถานที่ที่จะไปบนแผนที่พร้อมกันได้ยาก

เลยลองสร้างเว็บแอปขึ้นมาเอง ที่สามารถปักสถานที่บนแผนที่และจัดลำดับกับเวลาได้
เพื่อให้เขียนแผนการเดินทางได้เหมือนกับการ "วาด" ลงบนแผนที่

ฟีเจอร์หลัก
• วางแผนการเดินทางบนพื้นฐานของ Google Maps
• เลือกตำแหน่งบนแผนที่ แล้วตั้งค่าวันที่ / เวลา / ลำดับการเยี่ยมชม
• บันทึกค่าใช้จ่ายแบบง่าย ๆ แยกตามแต่ละจุดของทริป
• บันทึกอัตโนมัติไว้ใน browser storage โดยไม่ต้องล็อกอิน
• ส่งออกแผนการเดินทางเป็น PDF

โฆษณา

เทคสแตก
• Vue + TypeScript
• Google Maps JavaScript API
• เว็บแอปแบบสแตติก (deploy บน GitHub Pages)

อื่น ๆ
• ทำมาให้ใช้งานได้ทันทีโดยไม่ต้องมีบัญชี
• ตอนนี้ยังอยู่ในขั้น MVP เลยมีฟีเจอร์เท่าที่จำเป็นเป็นหลัก
• ยินดีรับฟีดแบ็กทั้งเรื่องการใช้งานและฟีเจอร์ครับ

ลองใช้งานกันแบบสบาย ๆ ได้เลยนะครับ และถ้ามีความเห็นเพิ่มเติมก็จะขอบคุณมากครับ

บทความที่เกี่ยวข้อง

5 ความคิดเห็น

 
mindok 2025-12-17

ผมแค่ลองเพิ่มจุดบนเว็บดูจริง ๆ แค่สองสามจุดแล้วก็มาเขียนคอมเมนต์ เลยอาจจะยังไม่ได้เข้าใจทุกอย่างครบถ้วนก็ได้ แต่ขอให้รับฟังเป็นความเห็นส่วนตัวเฉย ๆ นะครับ

  1. ตอนเพิ่มสถานที่ ถ้าสามารถแนบรูปได้เหมือนการใส่คอมเมนต์ก็น่าจะดีครับ (ให้ความรู้สึกเหมือนใช้แนะนำคร่าว ๆ ว่ามีอะไรบ้าง)

  2. ตอนย้ายระหว่างสถานที่ บนแผนที่จะโชว์เป็นระยะเส้นตรง แต่ถ้าตรงนั้นสามารถเพิ่มรูปหรือข้อความแยกต่างหากได้ก็น่าจะดีครับ (อย่างเรื่องว่าจะเดินทางด้วยรถหรือเปล่า ปกติผมจะเช็กโดยปักจุดออกเดินทางกับปลายทางไว้ใน Naver Map แล้วดูเอา ถ้าแคปหน้าจอตรงนั้นมาใส่ไว้ได้ ทีหลังก็ไม่ต้องสลับไปมาระหว่าง Naver Map แค่ดูอันนี้อย่างเดียวก็น่าจะสะดวกต่อการเดินทางครับ)

  3. ตอน export เป็น PDF รูปแบบตอนนี้ก็ดีอยู่แล้ว แต่ถ้ามีตัวเลือกให้แสดงเฉพาะตำแหน่งของแต่ละวันบนแผนที่ด้วยก็น่าจะดีครับ

[แผนที่ของวันที่ 1]
กำหนดการวันที่ 1

[แผนที่ของวันที่ 2]
กำหนดการวันที่ 2

ถ้าดูได้ในลักษณะนี้ก็น่าจะดีครับ จะได้เข้าใจเส้นทางของวันนั้น ๆ ได้ง่ายขึ้นจาก PDF อย่างเดียว

ขอบคุณครับ
รู้สึกว่าดีมากเลยครับ
 
drt0927 2025-12-19

ยังไม่ได้พัฒนาเซิร์ฟเวอร์ จึงยังไม่มีฟังก์ชันอัปโหลดไฟล์ แต่ได้อัปเดตให้แสดงแผนที่ใน PDF แล้ว!
 
drt0927 2025-12-17

ขอบคุณสำหรับฟีดแบ็กครับ!
ความคิดเห็นที่คุณบอกมาดูน่าสนใจมากครับ
ผมจะพยายามนำไปปรับใช้ให้ได้มากที่สุดครับ!
 
laeyoung 2025-12-17

บริการแผนที่เป็นสิ่งที่ผู้ใช้ต้องเลื่อนแผนที่บ่อยมาก ซึ่งมันมักจะไปทับกับการสกอลล์ของเบราว์เซอร์ เลยดูเหมือนว่าข้อความ "Use two fingers to scroll..." จะโผล่ขึ้นมาบ่อยๆ
 
drt0927 2025-12-17

คงต้องปรับขนาดหน้าจอให้ดีเพื่อไม่ให้เกิดการเลื่อนหน้าจอในเบราว์เซอร์ให้ได้มากที่สุด
ขอบคุณสำหรับฟีดแบ็กครับ!