レストラン検索アプリケーション

Google Maps と連携したアプリケーションのサンプルです。銀座周辺のレストラン (データは架空のものです) を検索し、地図上に表示します。このサンプルでは Google プラグインを使用しています。

アプリケーション画面

Internet Explorer 8 以降のブラウザでは動作保障外となりました。

操作方法

  1. 画面左上の検索条件フレームを変更するたびに、検索結果が Google Maps 上のマーカーや画面下部の店舗一覧のグリッドに表示されます。
  2. 店舗一覧のグリッドから一つの店舗をクリックで選択すると、その住所に合わせて Google Maps の表示がスクロールし、店舗情報が吹き出しウィンドウに表示されます。
  3. 店舗一覧のグリッドから一つの店舗をダブルクリックで選択すると、[詳細情報] タブに切り替わり、店舗の説明が表示されます。