YOLP Hacks：API群を組み合わせてオリジナルWebアプリケーションを作る

作成するWebアプリケーション概要

完成イメージ

　今回作成するWebアプリケーションの完成イメージは、次のとおりです。

　東京23区のうち、選択された地点を中心とするショップ情報分布をヒートマップで表示します。

YOLPのヒートマップ

　YOLPのヒートマップは、YDF（YOLP Data Format）と呼ばれるデータフォーマットでマークアップされたポイントの集積度を視覚的に表現できる機能で、Yahoo! JAPANでも、2011年3月の東日本大震災において、被災地からのモバイルアクセスログを確認できる「ケータイ位置確認マップ」機能に使われた実績があります。

　ケータイ位置確認マップでは、Yahoo! JAPANへのアクセス実績を位置データとしてヒートマップで表現しましたが、今回のWebアプリケーションでは自前でデータベースを持たずに、YOLPカセットギャラリーという拠点情報データストレージからYDFでデータを取得してヒートマップで表現することにします。

全体の概要

　全体の概要は、次のようになります。

　個々の機能を実現するのに利用するAPIは、以下のとおりです。

• ベースとなるスクロール地図を表示（JavaScriptマップAPI）
• 東京23区の位置情報取得（ジオコーダAPI）
• YOLPギャラリーの店舗情報を検索してYDFで取得（ローカルサーチAPI）
• YDFをヒートマップ表現でプロット（JavaScriptマップAPI）

　いくつかのAPIは、第1回のYOLPオーバービュー紹介でも触れていますが、これらを組み合わせて、最終的に1つのWebアプリケーションにまとめてみましょう。