Show GN: Show GN: 지도 위에 여행 계획을 그리는 웹앱을 만들어봤습니다
(drt0927.github.io)안녕하세요.
개인 프로젝트로 만든 웹앱(trip sketch)을 공유합니다.
여자친구와 여행 계획을 세우면서
기존 서비스들은 대부분 일정 목록이나 텍스트 중심이라
지도 위에서 이동 경로와 방문 순서를 함께 정리하기 어렵다는 불편함이 있었습니다.
그래서 지도 위에 장소를 찍고, 순서와 시간을 배치하면서
여행 계획을 ‘그리듯’ 작성할 수 있는 웹앱을 직접 만들어봤습니다.
주요 기능
• Google Maps 기반 여행 계획 작성
• 지도에서 위치 선택 후 날짜 / 시간 / 방문 순서 설정
• 여행 포인트별 간단한 비용 기록
• 로그인 없이 브라우저 스토리지에 자동 저장
• 여행 계획을 PDF로 내보내기
기술 스택
• Vue + TypeScript
• Google Maps JavaScript API
• 정적 웹앱 (GitHub Pages 배포)
기타
• 계정 없이 바로 사용할 수 있도록 만들었습니다
• 아직 MVP 단계라 기능은 최소한으로 구성되어 있습니다
• 사용성이나 기능에 대한 피드백을 환영합니다
가볍게 사용해보시고 의견 주시면 감사하겠습니다.
웹에서 정말 두세개 지점만 추가해보고 댓글을 다는거라 아직 다 파악한게 아닐지 모르겠지만, 그냥 개인적인 의견으로 받아주세요
-
장소를 추가할 때 comment를 다는것처럼 사진도 달 수 있으면 좋을것같아요.(어떤 것들이 있는지 간단히 소개용 느낌으로)
-
장소를 이동할 때 지도상으로 직선거리로 표시되는데, 거기에다가도 따로 사진이나 글을 추가할 수 있을면 좋을것같아요.(차로 이동할건지 그런거는 저는 보통 네이버 지도로 출발 도착 찍어놓고 확인하는데 그거를 캡쳐해서 담아놓던지 하면 나중에는 네이버지도를 왔다갔다 안해도, 저것만 봐도 이동이 편할것같아서)
-
pdf로 뽑을 떄 지금형식도 좋은데 옵션으로 날짜별로 해당 일의 위치만 떠서 지도상에 표시되어서
[1일차의 지도]
1일차 일정
[2일차의 지도]
2일차 일정
이런식으로도 볼 수 있으면 좋겠어요. pdf 만으로 해당 날만의 동선을 파악하기 좋게
감사합니다.
되게 좋은것같아요.
지도 서비스는 유저가 지도를 이동 할 일이 많은데요. 브라우저 스크롤이랑 겹쳐서 "Use two fingers to scroll..." 메세지가 자주 나오는 듯 해요.