Show GN: Tôi đã tạo một web app để vẽ kế hoạch du lịch ngay trên bản đồ
(drt0927.github.io)Xin chào.
Mình xin chia sẻ một web app cá nhân đã làm có tên là trip sketch.
Trong lúc lên kế hoạch du lịch cùng bạn gái,
mình thấy các dịch vụ hiện có chủ yếu tập trung vào danh sách lịch trình hoặc văn bản,
nên khá bất tiện khi muốn sắp xếp cùng lúc lộ trình di chuyển và thứ tự ghé thăm ngay trên bản đồ.
Vì vậy mình đã tự làm một web app cho phép đánh dấu địa điểm trên bản đồ, sắp xếp thứ tự và thời gian,
để có thể viết kế hoạch du lịch theo kiểu như đang “vẽ” nó ra.
Các tính năng chính
• Lập kế hoạch du lịch dựa trên Google Maps
• Chọn vị trí trên bản đồ rồi thiết lập ngày / giờ / thứ tự ghé thăm
• Ghi lại chi phí đơn giản cho từng điểm trong chuyến đi
• Tự động lưu vào bộ nhớ trình duyệt mà không cần đăng nhập
• Xuất kế hoạch du lịch ra PDF
Ngăn xếp công nghệ
• Vue + TypeScript
• Google Maps JavaScript API
• Web app tĩnh (triển khai bằng GitHub Pages)
Khác
• Được làm để có thể dùng ngay mà không cần tài khoản
• Vẫn đang ở giai đoạn MVP nên tính năng được giữ ở mức tối thiểu
• Rất hoan nghênh phản hồi về tính dễ dùng và tính năng
Mong mọi người dùng thử nhẹ nhàng và cho mình xin ý kiến.
4 bình luận
Vì tôi chỉ mới thử thêm khoảng hai ba địa điểm trên web rồi để lại bình luận nên có thể tôi vẫn chưa nắm hết mọi thứ, nhưng xin hãy xem đây chỉ là ý kiến cá nhân.
Khi thêm địa điểm, sẽ rất hay nếu có thể đính kèm ảnh giống như thêm comment. (Theo kiểu giới thiệu ngắn gọn xem ở đó có gì)
Khi di chuyển giữa các địa điểm, trên bản đồ hiện là khoảng cách đường thẳng; sẽ tốt hơn nếu ở đó cũng có thể thêm ảnh hoặc ghi chú riêng. (Ví dụ tôi thường kiểm tra là sẽ đi bằng ô tô hay thế nào bằng cách đặt điểm đi và điểm đến trên Naver Map, rồi nếu có thể chụp màn hình và lưu vào đó thì sau này không cần qua lại Naver Map nữa, chỉ nhìn cái này thôi cũng sẽ tiện cho việc di chuyển hơn.)
Khi xuất PDF, định dạng hiện tại cũng tốt, nhưng sẽ hay nếu có thêm tùy chọn chỉ hiện các vị trí của từng ngày trên bản đồ, kiểu như
[Bản đồ ngày 1]
Lịch trình ngày 1
[Bản đồ ngày 2]
Lịch trình ngày 2
như vậy cũng xem được. Chỉ với PDF thôi cũng sẽ dễ nắm được lộ trình của riêng ngày đó hơn.
Cảm ơn bạn.
Tôi thấy cái này rất hay.
Tôi vẫn chưa phát triển xong phần máy chủ nên hiện chưa có chức năng tải tệp lên,
nhưng tôi đã cập nhật để có thể hiển thị bản đồ trong PDF!
Cảm ơn bạn đã góp ý!
Mình thấy những ý kiến bạn nêu ra rất hay
Mình sẽ cố gắng phản ánh tối đa vào sản phẩm!
Có lẽ cần điều chỉnh kích thước màn hình thật hợp lý để hạn chế tối đa việc phải cuộn trình duyệt.
Cảm ơn bạn đã góp ý!