このアプリを起動すると、現在地から近いスタバを Google Maps で表示します。
これで突如「ラベンダーアールグレイラテが飲みたい!」衝動にかられても安心です。


処理の手順は
Geolocation API で現在位置を取得し Google Maps の中心点に設定。
その後、現在位置から数キロ以内の店舗データを Ajax で取得しマーカーを置いていきます。

スタバ店舗は公式サイトから取得し、緯度・軽度を DB に保存しています。(サンプルなので全店ではないです。)
「Ajax で店舗データ取得」と書いてますが非同期通信だとこの場合都合悪かったので非同期じゃないです。その理由はこちらへ。

試作へ