Show GN: 地図上に旅行計画を描くウェブアプリを作ってみました
(drt0927.github.io)こんにちは。
個人プロジェクトで作ったウェブアプリ（trip sketch）を共有します。
恋人と旅行の計画を立てる中で、
既存のサービスの多くは日程リストやテキスト中心のため、
地図上で移動経路と訪問順序を一緒に整理しにくいという不便さがありました。
そこで、地図上に場所を打ち、順序と時間を配置しながら、
旅行計画を「描くように」作成できるウェブアプリを自分で作ってみました。
主な機能
• Google Maps ベースの旅行計画作成
• 地図で位置を選択した後、日付 / 時間 / 訪問順序を設定
• 旅行ポイントごとの簡単な費用記録
• ログイン不要でブラウザストレージに自動保存
• 旅行計画を PDF にエクスポート
技術スタック
• Vue + TypeScript
• Google Maps JavaScript API
• 静的ウェブアプリ（GitHub Pages デプロイ）
その他
• アカウントなしですぐ使えるようにしました
• まだ MVP 段階なので、機能は最小限の構成です
• 使い勝手や機能についてのフィードバックを歓迎します
気軽に使ってみて、ご意見をいただけるとうれしいです。
5件のコメント
ウェブ上で本当に2、3か所だけ追加してコメントしてみただけなので、まだ把握しきれていないのかもしれませんが、あくまで個人的な意見として受け取ってください。
場所を追加するとき、コメントを付けるような形で写真も添付できるといいと思います。（どんなものがあるのかを簡単に紹介する感じで）
場所を移動するとき、地図上では直線距離で表示されますが、そこにも別途写真や文章を追加できるといいと思います。（車で移動するのかなどは、私は普段Naver地図で出発地と到着地を入れて確認しているのですが、それをキャプチャして入れておければ、後からNaver地図を行ったり来たりしなくても、これだけ見れば移動がしやすそうなので）
PDFで書き出すとき、今の形式も良いのですが、オプションで日付ごとにその日の場所だけが地図上に表示されて、
[1日目の地図]
1日目の予定
[2日目の地図]
2日目の予定
このような形でも見られると嬉しいです。PDFだけでその日の動線を把握しやすくなるので。
ありがとうございます。
とても良いと思います。
まだサーバー開発ができていないためファイルアップロード機能はありませんが、
PDFに地図が表示されるよう更新しました！
フィードバックありがとうございます！
いただいたご意見はどれもとても良いと思います。
できる限り反映できるよう努めます！
地図サービスでは、ユーザーが地図を移動させることが多いのですが、ブラウザのスクロールと重なってしまい、"Use two fingers to scroll..." というメッセージが頻繁に表示されるようです。
できるだけブラウザでスクロールが発生しないように、画面サイズをうまく調整しないといけないですね。
フィードバックありがとうございます！