とにかく無駄に教えてくれる経路案内

https://github.com/k88t76/muda-map-app

GitHub

GCP

CSS

JavaScript

HTML

目的地に行こうとしたら無駄に色々勧めてくる経路案内

チャンネルMoriken

推しアイデア

ただ目的地に行くだけはつまらない!そんな皆さんのつまらない旅路に鮮やかな色をつけてくれるアプリです。毎回ランダムにルート近くの施設などを音声つきで教えてくれて、いろんなところを色々勧めてくれます。もしかしたらその中にお宝スポットが隠れているかもしれません。

作った背景

自分は超絶方向音痴なため普段飲食店とかでもどこに行くにしてもMapを使うのですが、もう少しいろんな情報が欲しいなと思うことがあったので作りました。今回テーマが無駄に◯◯ということだったので、無駄な情報でもなんでも勧めてしまえと思い至りました。おそらく方向音痴は進行します。

推し技術

Google Map Platform APIを使い、現在地&目的地の位置情報取得とそこからのルート算出。また、ルートから得た情報をもとに付近のお店などをリストアップ。今回は新しいものを発見できるようにとあえて参照しなかったが、星評価なども得られるためランキング形式にもできる。

プロジェクト詳細

目的:経路案内+付近の施設紹介 必要な機能:

  • 現在地&目的地の位置情報取得(緯度経度取得から住所に変更し、そこからPlaceID)
  • Derection APIとMaps JS APIを用い、PlaceIDから最短ルートを出す。
  • ルートから距離や時間などを算出。
  • ルート付近の位置情報とGeolocationAPIを用い、付近の検索キーにかかったものをマーカーとともに地図に入れる
  • 得られたマーカーをリスト化しサイドにまとめて表示(情報は上にどんどん更新させる)
  • 得られた情報をテキスト読み上げAPIを使って読み上げる(この時毎回同じだとつまらないのでランダムに紹介文も変える)

チャンネルMoriken

@bjhm7btg69491qnj