線を引いてお店を検索 DrawNavi

この通りのお店を検索したいときに線を引いて、その周辺のお店（レストラン）を検索するアプリ

【注意】
・スマホ用です。
・現在、エラーが発生することがありブラウザを再読み込み等してください。

動画

開発素材

API

Google Maps API

ツール

Next.js

Vercel

Visual Studio Code

ガジェット

Tailwind

システム構成

フロント：Next.js Tailwind WebAPI：Google Maps API ホスティング：Vercel

ストーリー

旅行中で「この道」にあるお店を探したいと思ったことはありませんか？ そんな時に使えるアプリを開発したいと思い制作しました。

特徴

• 線を引いてお店(今はレストランのみ)を検索できる。
• 取得したお店の詳細を下部のボタンを押すことで見ることができる。

今は2点タップという方法になったが開発途中では、手書きの範囲を検索しようと挑戦したが、なかなか難しく技術的にこだわっている部分をあまり出せなかった。手書きの範囲をGoogleMapの座標にうまく変換できる方法をもう少し考えたいと思う。

旅行中などに、手軽に「この道」という条件を加えられるのは良いと思い開発したので、良い方法を思いついたら再開発したい。

メンバー

• 

  mabu @mabupro

  • エンジニア
  • デザイナー

• 

  chips @chips_1225

  • エンジニア
  • デザイナー

関連イベント

• ヒーローズ・リーグ 20242024-09-02 開催

同じニオイがする作品

• 緊急事態発生！でも、ここどこ？AEDどこ？
• 地域共通ポイント「ゆりポ」
• ーーーー勇者、今、目覚める刻ーーーー　　　「勇者目覚まし時計」
• 野良猫これくしょん by 野良猫に癒され隊