Web ・モバイルプロジェクト II最終発表名前：井　上　佳　祐

いろいろ使えマップとは？地図上に天気予報と AEDの位置と近隣の Twitter上におけるツイートを表示するプログラム

現在作成したもの 1/2

現在作成したもの 2/2

説明 (仕様 )　　　1. 全国の天気予報をマップに表示2. 岡山県の AEDの位置をマップに表示3. Twitterの岡山理科大学から半径４０ km以内の Tweetをマップに表示4. それぞれ表示／非表示切替が可能5. ４つの APIを組み合わせている

動作例AEDをチェックして表示をクリック

Twitterをチェックして表示をクリック

作成したプログラムの内部の説明

天気予報 APIについて観測地点 idリストプログラム

ライブドアお天気WEBサービスAPI

メイン PHPプログラム

Yahoo!ジオコーダAPI

①リクエスト

②レスポンス

③リクエスト

④レスポンス

⑤ｊｓファイルへweather.js

AEDと TwitterAPIについて

各種サービス API 通信用①リクエスト

②レスポンス各種 jsファイル

⑤ｊｓファイルへ

ファイルの説明 1/2・main_map.html　メインのhtmlファイルである。地図を表示させたり、表示させる情報を選択して情報を引き出す集約をしている。 ・ twitter.js　TwitterのAPIと通信を行い、地図にその取得したデータを表示させる機能を持つファイルである。 ・ sha1.js　TwitterのAPIと通信を行うために必要なoAuthを行うために用いられるファイルである。配布されているものをそのまま使用した。 ・oauth.js　上記と同様、TwitterのAPIと通信を行うために必要なoAuthを行うために用いられるファイルである。配布されているものをそのまま使用した。

ファイルの説明 2/2・aed.js　AED情報のAPIと通信を行い、地図にその取得したデータを表示させる機能を持つファイルである。 ・weather.js　 id_to_weather.phpと通信を行い、地図にその取得したデータを表示させるファイルである。 ・xml_to_cid.php　天気予報APIを用いる時に使われる場所の ID情報が集約されている xmlファイルを分解して、 IDの情報を抽出するphpファイルである。 ・ id_to_weather.php　xml_to_cid.phpによって抽出された情報をもとに天気予報APIと通信を行いデータを取得するphpファイルである。