-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_041111.html
212 lines (190 loc) · 13.7 KB
/
index_041111.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!DOCTYPE html>
<html>
<head>
<title>Japan Geigermap: At-a-glance</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px; font-family: helvetica neue, helvetica, arial;}
#topbar {height: 37px; background-image: url('http://japan.failedrobot.com/topbar.gif'); width: 100%; margin: 0px; padding-top: 11px; padding-left: 25px; font-size: 10pt; color: #bbbbbb; font-weight: 500;}
#topbar a{color: #bbbbbb; text-decoration: none; letter-spacing: 1px;}
#key {font-size: 11px; letter-spacing: 1px; line-height: 11px; }
#map_canvas { height: 85%; margin: 20px;}
#map_canvas_fukushima { height: 45%; margin-right: 20px;}
#map_canvas_tokyo { height: 45%; margin-right: 20px; }
#tweets { float: left; width: 60%; margin: 20px; margin-top:0px;}
#disqus_thread { margin: 20px; margin-top: 35px; font-size: 12px; color: #333333;}
#column80 {width:78%; height:100%; float:left; background-color: white;/*#99b3cc*/}
#column20 {width:22%; float:right; clear:right;}
h1 {font-size: 18px; font-weight: normal; color: #676464}
h2 {font-size: 16px; font-weight: normal; color: #676464}
h1.map {font-size: 24px; font-weight: normal; color: white; line-height: 5px;}
p {font-size: 12px; color: #888888; line-height: 15px; padding-right: 27px; letter-spacing: 1.05px;}
a.red:link, a.red:visited, a.red:active {color: #ff0000; text-decoration: underline; letter-spacing: 1px; line-height: 12px;}
a:link, a:visited, a:active {color: #3677f0; text-decoration: none;}
a:hover {text-decoration: underline;}
</style>
</head>
<body onload="initialize()">
<div id="topbar">
<span style="text-decoration: underline"><a href="./">Japan</a></span>
</div>
<div id="column80">
<div id="map_canvas"></div>
<div id="tweets">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'search',
search: 'geigermaps OR fukushima OR failedrobot OR Tsuruga',
interval: 6000,
title: '',
subject: '',
width: 'auto',
height: 700,
theme: {
shell: {
background: '#cccccc',//'#99b3cc',
color: '#ffffff'
},
tweets: {
background: '#ffffff',
color: '#444444',
links: '#4380f1'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
toptweets: true,
behavior: 'default'
}
}).render().start();
</script>
</div>
<h2>Fukushima Daiichi Power Plant</h2>
<div id="map_canvas_fukushima"></div>
<h2>Tokyo</h2>
<div id="map_canvas_tokyo"></div>
<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'japangeigermap'; // required: replace example with your forum shortname
// The following are highly recommended additional parameters. Remove the slashes in front to use.
// var disqus_identifier = 'unique_dynamic_id_1234';
var disqus_url = 'http://japan.failedrobot.com/';
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
<div id="column20" style="">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fjapan.failedrobot.com%2F&layout=standard&show_faces=false&width=260&action=like&font=arial&colorscheme=light&height=30" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:35px; padding-left: 0px; padding-top: 20px; padding-bottom: 0px;" allowTransparency="true"></iframe>
<div name ="content1" style="font-size: 13px; color:#888; padding: 0px 10px 0px 0px;">
</div>
<div name ="content2" style="font-size: 13px; color:#888; padding: 0px 10px 0px 0px;">
</div>
<div style="font-size: 13px; color:#888; padding: 0px 10px 10px 0px;">
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>
<script type="text/javascript">
function display_jp() {
var content = document.getElementsByName("content1")[0];
content.innerHTML = '<h1>Japan Geigermap : <br/>At-a-glance</h1>'+
'<p><small><a href="#" onClick="display_jp();">日本語</a> | <a href="#" onClick="display_en();">English</a></small></p>'+
'<p>このマップはクラウドソースにより日本各地の放射線測定値を可視化しています。円をクリックするとそれぞれの測定値のソースの情報を確認できます。</p>'+
'<p>観測点の数は、データフィードの妥当性により時間とともに変化します。文部科学省など公式な日本政府からの約185個のフィードがあり、それ以外にTokyo HackerSpaceなど、個人、大学、地方自治体など他のソースからのものがあります。</p>'+
'<p>これらの測定値は<a href="http://community.pachube.com/node/608" target="_new">Pachube</a>で情報集約されています。</p><hr/>'+
'<p id="key"><img src="key_01.gif" align=left>日本での公共空間における放射線測定値の平均値（0.081µSv/h）以下。<br/><br/></p>'+
'<p id="key"><img src="key_02.png" align=left>日本での公共空間における放射線測定値の平均値（0.081µSv/h）以上。<br/><br/></p>'+
'<p id="key"><img src="key_03.png" align=left>日本での公共空間における放射線測定値の平均値の10倍以上。<br/><br/></p>'+
'<p id="key"><img src="key_04.png" align=left>日本での公共空間における放射線測定値の平均値の100倍以上。<br/><br/></p>'+
'<p id="key"><img src="key_05.png" align=left>水の放射線。<br/>健康に対する影響のデータはなし。<br/><br/></p><hr/>'+
'<p><b><a href="http://www.ifrc.org/en/what-we-do/disaster-management/responding/ongoing-operations/japan-earthquake/about-the-donations-to-japan/" class="red" target="_new">今すぐ日本での救助活動に寄付してください：赤十字に寄付するにはここをクリック</a></b></p>';
var content2 = document.getElementsByName("content2")[0];
content2.innerHTML = '<hr/>'+
'<p>測定値はマイクロシーベルト毎時（µSv/h）単位で表示しています。元のガイガーカウンター測定値がnGy/hの場合には1 Gy = 1 Svとして変換しています（Wikipediaでの<a href="http://ja.wikipedia.org/wiki/%E3%82%B7%E3%83%BC%E3%83%99%E3%83%AB%E3%83%88" target="_new">シーベルトに関する記事</a>を参照してください）。</p>'+
'<p>ガイガーマップは、文部科学省（MEXT）が提供する日本の公共空間における放射線測定値の平均値（0.081マイクロシーベルト毎時）を参照しています。これらの値は通常の背景放射線よりもかなり低いです。これは、背景放射線を計算するのに用いられる、あらゆる種類の放射線を検出するようにはガイガーカウンターがキャリブレーションされていないためです。</p>'+
'<p>Japanガイガーマップは <a href="http://blog.failedrobot.com/?page_id=5" target="_new">Haiyan Zhang</a>が作成しました。このマップに関する私の<a href="http://blog.failedrobot.com/?p=199" target="_new">ブログ記事</a>を読んでフィードバックを残してください。</p>'+
'<p>ハッシュタグ<a href="http://twitter.com/#!/search?q=%23geigermaps" target="_new">#geigermaps</a>をつけて<a href="http://twitter.com/#!/haiyan" target="_new">@haiyan</a>にフィードバックをツイートしてください。このマップは<a href="http://twitter.com/#!/kotobuki" target="_new">@kotobuki</a>のガイガーマップ（<a href="http://geigermaps.jp/" target="_new">http://geigermaps.jp</a>）にインスパイアされました。ラベルは<a href="http://blog.mridey.com/2009/09/label-overlay-example-for-google-maps.html" target="_new">Marc Ridley</a>のラベルクラスを用いています。IE6と7での表示問題の修正に関して、<a href="http://relishinteractive.com/" target="_new">Relish Interactive</a>のSacha Raposoに感謝します。</p>'+
'<p><a href="http://geigermaps.jp/Main_Page" target="_new">ガイガーマップJp</a>にアクセス。</p>'+
'<p>測定値を更新するにはリロードボタンを押してください。</p>'+
'<p>日本語訳：小林 茂（<a href="http://twitter.com/kotobuki" target="_new">Shigeru Kobayashi</a>）</p>';
}
function display_en() {
var content = document.getElementsByName("content1")[0];
content.innerHTML = '<h1>Japan Geigermap : <br/>At-a-glance</h1>'+
'<p><small><a href="#" onClick="display_jp();">日本語</a> | <a href="#" onClick="display_en();">English</a></small></p>'+
'<p>This map visualises crowd-sourced radiation geiger counter readings from across Japan. Click on the labels to get more information on the source of each reading.</p>'+
'<p>The number of locations fluctuate due to the validity of the data feeds. There are approximately 185 feeds from the official Japanese government source MEXT and the rest are from other sources such as the Tokyo hackspace, universities,local councils and concerned individuals.</p>'+
'<p>Readings are aggregated by <a href="http://community.pachube.com/node/608" target="_new">Pachube here</a>. </p><hr/>'+
'<p id="key"><img src="key_01.gif" align=left>Below the average public space geiger reading for Japan ( 0.081 µSv per hr ).<br/><br/></p>'+
'<p id="key"><img src="key_02.png" align=left>Above the average public space geiger reading for Japan ( 0.081 µSv per hr ).<br/><br/></p>'+
'<p id="key"><img src="key_03.png" align=left>10x above the average public space geiger reading for Japan.<br/><br/></p>'+
'<p id="key"><img src="key_04.png" align=left>100x above the average public space geiger reading for Japan.<br/><br/></p>'+
'<p id="key"><img src="key_05.png" align=left>Radioactivity of water.<br/>No data on health impact.<br/><br/></p><hr/>'+
'<p><b><a href="http://www.ifrc.org/en/what-we-do/disaster-management/responding/ongoing-operations/japan-earthquake/about-the-donations-to-japan/" class="red" target="_new">Please donate now to relief efforts in Japan: Click here to donate to the Red Cross</a></b></p>';
var content2 = document.getElementsByName("content2")[0];
content2.innerHTML = '<hr/>'+
'<p>Measurements are represented in units of <b>microsieverts per hour ( µSv / h)</b>. Original geiger counter readings use the unit nGy/h and the conversion taken is 1 Gy = 1 Sv. (See the <a href="http://en.wikipedia.org/wiki/Sievert" target="_new">Wikipedia entry on Sieverts</a>)</p>'+
'<p>Geigermap refers to the average public space geiger counter reading for Japan, calculated from values provided by MEXT (0.081 µSv per hr). These values are much lower than values you would encounter for <i>normal background radiation</i>, as MEXT geiger counters are calibrated to only detect Gamma & Neutron radiation and do not detect all radiation types that is used to calculate background radiation.</p>'+
'<p>Japan Geigermap is created by <a href="http://blog.failedrobot.com/?page_id=5" target="_new">Haiyan Zhang</a>. Read my <a href="http://blog.failedrobot.com/?p=199" target="_new">blog post</a> on this map and you can also <a href="mailto:[email protected]">email me your feedback</a>.</p>'+
'<p>Tweet me your feedback <a href="http://twitter.com/#!/haiyan" target="_new">@haiyan</a>, with hashtag <a href="http://twitter.com/#!/search?q=%23geigermaps" target="_new">#geigermaps</a></p>'+
'<p>This map is inspired by <a href="http://twitter.com/#!/kotobuki">@Kotobuki\'s</a> Geigermaps work (<a href="http://geigermaps.jp/">http://geigermaps.jp</a>). </p>'+
'<p>Labels are made with Marc Ridley\'s <a href="http://blog.mridey.com/2009/09/label-overlay-example-for-google-maps.html" target="_new">Label class</a>. Thanks to Neil Churcher (<a href="http://twitter.com/neilchurcher" target="_new">@neilchurcher</a>) for collaborating on the information design. Thanks to Sacha Raposo from <a href="http://relishinteractive.com/" target="_new">Relish Interactive</a> for fixing some display issues in IE6 & 7.<br/></p>'+
'<p>Visit the <a href="http://geigermaps.jp/wiki/" target="_new">Geigermaps.jp/wiki</a></p>'+
'<p>Hit reload to refresh these readings.</p>'+
'<p>Japanese translation provided by <a href="http://twitter.com/kotobuki" target="_new">Shigeru Kobayashi</a></p>';
}
var language = navigator.language;
if (language.indexOf('jp') > -1 ||language.indexOf('ja') > -1 ) display_jp();
else {
display_en();
}
</script>
<script type="text/javascript" src="map_embed.js"></script>
<script>
gm_init({
zoom: 7,
lat:36.597889,
lng:137.669678,
div: "map_canvas",
map_name: "jp",
show_label:true,
});
gm_init({
zoom: 13,
lat:37.423071,
lng:141.028061,
div: "map_canvas_fukushima",
map_name: "fukushima",
show_label:false
});
gm_init({
zoom: 10,
lat:35.699686,
lng:139.743347,
div: "map_canvas_tokyo",
map_name: "tokyo",
show_label:false
});
gm_load_feeds({
json: new Array("http://api.pachube.com/v2/feeds.json?key=dW1_5iByGtVAbVKe5hPTMdrVglDovcnVDgvqvZYsNB5VI-rfEdiZIhRb4voCw41m&tag=sensor:type%3Dradiation&lat=37.5&lon=137.5&distance=1000&per_page=1000&order=created_at"),
});
create_maps();
</script>
</body>
</html>