東京の空気(大気汚染地図情報)

setting about
TIME IMAGE PUBLISHED
最初に表示する地図のタイプ:
風の表示方法:

information

main

東京の空気(大気汚染地図情報)

「昨日に比べて今日は暑いのか寒いのか、
風は強いのか、風向きはどうだろう?」
「行きも帰りも向かい風だった気がするけど本当だろうか?」
このような時に便利に使えるように設計しました。都内を自転車で通勤、通学をする方や屋外で活動する方にお薦めです。

気温や、風向き、湿度、大気汚染の数値などを、前後数時間の推移や、数日間の同じ時間帯の推移などを簡単なオペレーションで確認することが出来ます。

このアプリケーション(サイト)は、東京都環境局大気汚染地図情報(速報値)ページで公開されている大気汚染地図を iPhone などのスマートフォンから快適にブラウジングする事を目的に自分で使うために作成しました。

以前より PHP 版はテストで公開もしていたのですが、スマートフォン、特に iPhone 向けに ウェブ・アプリケーションとして使いやすように JavaScript で書き直し、Ver.2 として公開いたしました。

その後、iOS9 で Safari の仕様変更により不具合が発生していましたので、再度書き直し、Ver.3 として公開いたします。

このバージョンより、地図の高解像度表示に対応しました。

iPhone や iPad 、 iPod touch などの iOS プラットフォームをお使いの場合は、Safari の下のナビゲーションバーから「ホーム画面に追加」で、iPhone のホーム画面にアイコンが登録されます。このようにすることで、iTunes の App Store からダウンロードした .app と同じように使うことが出来ます。

このアプリケーション(サイト)で表示される大気汚染地図画像は、すべて東京都環境局のサーバーのデータを呼び出してそのまま表示しています。
公開されている地図で最も過去のものは、現在より8日前の午前1時のものになります。最新版は毎時10分に更新されています。

使い方

地図画像をクリックするとタイトルバーとツールバーが非表示になります。再度クリックすると表示されます。

表示する地図の種類を選択します。
個人的に使用頻度の高い「気温」「風速」「湿度」のボタンを先頭に集めています。
テンキーの[7]と[9]で表示項目を切り替えることが出来ます。[8]でTEMP(気温)に戻ります。

TEMP気温を表示します。 [8]
WV風速を表示します。
HUM湿度を表示します。

地図を表示する大きさを設定します。

S 小さな地図画像を表示します。
H 小さな地図画像(高解像度)を表示します。
L 大きな地図画像を表示します。

大気の汚染状況の地図を集めています。
このボタンは画面から隠れて表示されていないかもしれません。
ボタンのバーを左にスクロールすることによって表示されます。
テンキーの[7]と[9]で表示項目を切り替えることが出来ます。[8]でTEMP(気温)に戻ります。
※テンキーがない場合は、[j] [k] [l] [u] [i] [o] キーが、テンキーの [1] 〜 [6] のキーに対応します

NO2二酸化窒素を表示します。
SPM浮遊粒子状物質を表示します。
Ox光化学オキシダントを表示します。
SO2二酸化硫黄を表示します。
CO一酸化炭素を表示します。
NO一酸化窒素を表示します。
NOx窒素酸化物を表示します。
CH4メタンを表示します。
NMHC非メタン炭化水素を表示します。
PM2.5微小粒子状物質を表示します。

表示する地図の時間帯を選択します。
前後数時間の推移や前後数日の同じ時間帯の比較に便利なように設計しています。
テンキーの[1]〜[6]のキーで操作することも出来ます。
※テンキーがない場合は、[j] [k] [l] [u] [i] [o] キーが、テンキーの [1] 〜 [6] のキーに対応します。

|≪サーバーにある最も日時の古い地図を表示します。8日前の 01:00 のデータです。 [5(i)]
-D1日前の同じ時刻の地図を表示します。 [4(u)]
-H1時間前の地図を表示します。 [1(j)]
+H1時間後の地図を表示します。 [3(l)]
+D1日後の同じ時刻の地図を表示します。 [6(o)]
≫|最新の地図を表示します。毎時 10 分にサーバー上でデータが更新されています。 [2(k)]

初期設定のダイアログを開きます。
風の向きと強さを表す記号の設定とオーバレイ地図の透明度はこちらで設定します。

このインフォメーションのページを開きます。

iOS .app

iPhone や iPad 、 iPod touch などの iOS プラットフォームをお使いの方向けの情報です。

このウェブアプリケーションを App Store のアプリのように使うことが出来ます。
以下の様な手順でホーム画面に Web クリップアイコンを登録してお使いください。

1. トップページに戻ってトップページを表示します。

2. Safari の画面下部の共有アイコンをクリックします。

3. 「ホーム画面に追加」ボタンをクリックします。

4. 名前をつけて「追加」ボタンをクリックします。

5. ホーム画面にアプリケーションのアイコンが登録されました。

About...

東京の空気(大気汚染地図情報) version

Copyright 2010-2016 Takashi Yamazaki | ZERO OFFICE CO., LTD.

Thanks for:
東京都環境局
大気汚染地図情報(速報値)
jQuery
jQuery Mobile
Moment.js
js-cookie
iPhone Screenshot Maker

更新履歴

2015/12/15 --- Ver.3.1.0

キーボードからの操作に対応しました。
地図の種類、地図の時間をテンキー(又は代替キー)から簡単に操作することができます。

URLを変更しました。http://lab.zero-office.com/air-tokyo/