オラグーン:PCでプレビュー
以前公開したライフログサービス：オラグーンは、携帯サービスとしてリリースしましたが、PCでも見てみたい思いもあい、そのプロトタイプを試作してみました。
09/05/06 追記 コメントで指摘のあったとおり、オラグーンサーバへのアクセスを制限していたため、うまく動作していなかった問題に対応しました
それがこちら
イメージはこちら
せきららにログを公開中ｗ
ライフログ表示
前にお仕事で作成したgoogle mapを使った機能を使いまわして作りましたｗ
ajaxを利用し、オラグーンサーバにデータを取りに行ってgoogle mapに反映させています。
主な機能は以下
ログを地図にマーカーを設置し表示
地図はドラッグやズームイン/アウトが可能
ログのタイトルを右に一覧形式で表示し、クリックすると地図に詳細表示
動作概要
ajaxを利用して、各アクションをきっかけにオラグーンサーバにリクエストを投げて、受け取った結果を地図に反映させています。
その各アクションとは以下
htmlロード時（onloadイベントハンドラ）
地図をドラッグまたは、ズームイン/アウト操作終了時
ログ一覧をクリックしたとき
今回は、サーバが別ドメインだったため、クロスドメインが可能なjson用に修正しました。
まだ、プロトタイプということでソースは汚いですが、今後、本格的にPC版作成する際にはきれいにしようかと思います。