Kangaroonote

  1. Home
  2. Kangaroonote
  3. Google Maps JavaScript API V3 をつかって飲食店検索インターフェースをつくってみる

  • Author :
  • 2011-06-12

バージョン 2 の頃から、そんなに使っていたわけではないので、具体的に何が変わったのか詳細まではわからないのだけれど、スマートフォン等の多様なデバイス向けに最適化され、インターフェースも強化されたということらしいので、せっかくなので試してみた。

マップ上に描画できたり、 2 点間の距離を計算したり、目的地までの経路を徒歩や車で移動する道順を出してくれたりだとか。他にもリバースジオコーディングもできたり、ストリートビューも操作できたり、他にもいろいろできるようになってるし、 iPhone の 3G 環境でみても重さを感じさせない。

今回つくったのは、ホットペッパーの API から情報をひっぱてきて Google Maps にマッピングして検索住所から一番近い店舗まで経路を表示。最大で 100 件までの情報を取得し、アイコンをクリックすると情報が切り替わるというもの。

距離の計算は API を使わずに緯度・経度から二点間の距離と方向を計算する - それはBlogのものをつかわせてもらいました。

デモ : Google Maps JavaScript API V3 をつかった飲食店検索インターフェース

Google の API をつかってみる

カテゴリ:

トラックバック(0)

http://vosegus.org/cgi/mt/mt-tb.cgi/400