pblo

以前公開したライフログサービス：オラグーンは、携帯サービスとしてリリースしましたが、PCでも見てみたい思いもあい、そのプロトタイプを試作してみました。

09/05/06 追記 コメントで指摘のあったとおり、オラグーンサーバへのアクセスを制限していたため、うまく動作していなかった問題に対応しました

それがこちら
オラグーン：PCでプレビュー


イメージはこちら

せきららにログを公開中ｗ

ライフログ表示

前にお仕事で作成したgoogle mapを使った機能を使いまわして作りましたｗ
ajaxを利用し、オラグーンサーバにデータを取りに行ってgoogle mapに反映させています。
主な機能は以下

• ログを地図にマーカーを設置し表示
• 地図はドラッグやズームイン/アウトが可能
• ログのタイトルを右に一覧形式で表示し、クリックすると地図に詳細表示

動作概要

ajaxを利用して、各アクションをきっかけにオラグーンサーバにリクエストを投げて、受け取った結果を地図に反映させています。
その各アクションとは以下

• htmlロード時（onloadイベントハンドラ）
• 地図をドラッグまたは、ズームイン/アウト操作終了時
• ログ一覧をクリックしたとき

今回は、サーバが別ドメインだったため、クロスドメインが可能なjson用に修正しました。
まだ、プロトタイプということでソースは汚いですが、今後、本格的にPC版作成する際にはきれいにしようかと思います。

タグ: ajax, google map, json, lifelog

関連があるかもしれないエントリー

• ライフログサービス：オラグーンのＰＣプレビュー更新
• オラグーン公開
• オレオレライフログ：位置情報取得
• 携帯解析サービス：「うごくひと２」をオラグーンに入れてみた
• 携帯デザイン：docomo対応にあたって

この投稿は 2009年5月4日 月曜日 08:21:41 に application カテゴリーに公開されました。 この投稿へのコメントは RSS 2.0 フィードで購読することができます。 コメントを残すか、ご自分のサイトからトラックバックすることができます。