500円ランチパスポート新橋・虎ノ門のスマホWebアプリを改良してみた(現在GPS位置追跡、お店のテキストリスト)

500円ランチパスポート新橋・虎ノ門のスマホWebアプリを改良してみた(現在GPS位置追跡、お店のテキストリスト)

前回の記事はコチラ

500円ランチパスポート新橋・虎ノ門の自作Webアプリを公開してみた。

今回、追加した機能は、以下の二点

1,青い「現在位置マーカー」を自動的に移動するようにした(リロード不要)
写真 1

2,画面の下に、お店リストを近い順にテキストで並べてみた。
下の方から上にドラッグすれば見れます。iOS7だとコントロールセンターが出てくる場合があるので、ちょっとコツが要りますが…。
写真 2

問題点としては、青い「現在位置マーカー」が移動しているのに、吹き出し内や画面下のお店リストの距離が最初のまま更新されないって事だな。
ただ、GPS情報を受け取る度に更新していると、画面がちらついたり、並びが変わったり、色々と見づらくなりそうだからナカナカ難しい。
まあ、でも、リロードすれば情報が更新されるから、実用上それほどの問題でもないか(^_^;)