案件でKnockout.jsを触って感触が良かったので何か公開できるものを考えました。

以前、東京メトロAPIのアプリコンテストに応募して残念ながら落選したのですが、API自体はありがたいことに継続して運用されているので、現在地や出先の住所から一番近い東京メトロの出入口を検索するアプリを作ることにしました。

Dokokara.info どこから(東京メトロの駅に)入るのが近いかわかるアプリ

dokokara.info
イントロダクション
dokokara.info - find exit of Tokyo Metro
出入口検索
dokokara.info - find route
ルート検索
dokokara.info PC
PC版

使用API

  • 東京メトロAPI
  • Google Maps API
  • Google Geocoding API(住所⇄緯度経度検索)
  • Google Directions API(ルート検索)

機能

  • Geolocation APIで現在地を取得して東京メトロの出入口を検索
  • 住所から東京メトロの出入口を検索
  • 住所入力時に随時緯度経度検索を行い、候補を表示
  • 検索結果のマップ表示
  • マップ表示で徒歩ルート検索

Knockout.jsのおかげで入出力まわりはかなり楽に書けました。

Geocoding APIは絞り込みが弱いと複数の検索結果を吐くので、どうやって選択させるかという問題が発生したのですが、よくある候補表示などもわりと簡単に実現できました。全部自分で書こうとしたら大変なことになるでしょう。