forked from ExpTechTW/TREM-Earthquake-Service
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtrem_info.html
151 lines (150 loc) · 6.15 KB
/
trem_info.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
<html lang="zh-Hant">
<head>
<title id="title"></title>
<meta charset="utf-8" />
<meta content="TREM | 檢知報告" property="og:title" />
<meta content="Taiwan Real-time Earthquake Monitoring ( 臺灣即時地震監測 )" property="og:description" />
<meta content="https://cdn.jsdelivr.net/gh/ExpTechTW/API@master/ExpTech.jpg" property="og:image" />
<link rel="stylesheet" href="./css/trem_info.css">
<script src="./js/config.js"></script>
</head>
<body style="user-select: none">
<div>
<a id="link" class="button">返回</a>
<table id="cwa-table" style="display: none;">
<thead>
<tr>
<th scope="col" colspan="7">CWA地震報告</th>
</tr>
<tr>
<th scope="col">發生時刻</th>
<th scope="col">震央地名</th>
<th scope="col">北緯</th>
<th scope="col">東經</th>
<th scope="col">深度</th>
<th scope="col">規模</th>
<th scope="col">實測最大震度</th>
</tr>
</thead>
<tbody>
<tr>
<td id="cwa-time"></td>
<td id="cwa-loc"></td>
<td id="cwa-lat"></td>
<td id="cwa-lon"></td>
<td id="cwa-depth"></td>
<td id="cwa-mag"></td>
<td id="cwa-max"></td>
</tr>
</tbody>
</table>
<a id="cwa-link" style="display: none;">CWA地震報告</a>
<hr>
<div class="notice">
<span>僅供參考 實際結果請依 中央氣象署 發布之內容為準</span>
<p></p>
<span class="small">下方表格中 資料來源均為 TREM !!!</span>
</div>
<div style="padding: 10px;font-weight: bold;">
<span id="EventID"></span><br>
<span id="Source"></span><br>
<span id="Alert_time"></span>
</div>
<table>
<thead>
<tr>
<th scope="col" colspan="17">TREM EEW</th>
</tr>
<tr>
<th scope="col" rowspan="2">No.</th>
<th scope="col" rowspan="2">發表時刻</th>
<th scope="col" rowspan="2">檢知經過秒數</th>
<th scope="col" rowspan="2">震後秒數</th>
<th scope="col" colspan="13">震源・EEW資訊</th>
</tr>
<tr>
<th scope="col">發生時刻</th>
<th scope="col">震央地名</th>
<th scope="col">北緯</th>
<th scope="col">東經</th>
<th scope="col">深度</th>
<th scope="col">規模</th>
<th scope="col">預估最大震度</th>
<th scope="col">RTS</th>
<th scope="col">方法</th>
<th scope="col">原因</th>
<th scope="col">觸發</th>
<th scope="col">誤差△(km)</th>
<th scope="col">警報狀態</th>
</tr>
</thead>
<tbody id="eew-table">
</tbody>
</table>
<div class="reference-table" id="tooltip">
EEW 原因對照表
<span class="tooltip-text">
<span>1 => EEW 預測震央 發生變化</span><br>
<span>2 => EEW 預測規模 發生變化</span><br>
<span>3 => 由於使用 NSSPE 方法進行的 預測震度 發生變化</span><br>
<span>4 => 釋出 最終報</span><br>
<span>5 => 釋出 取消報</span>
</span>
</div>
<hr>
<div class="notice">
<span class="small">下方表格為 TREM 系統 <b>自動觀測結果</b> 未經人為檢視確認 僅供參考</span>
</div>
<span style="padding: 3px; font-weight: bold; font-size: 18px;">測站列表</span>
<table>
<caption>Taiwan Real-time Earthquake Monitoring｜2024｜ExpTech Studio</caption>
<thead>
<tr>
<th scope="col" colspan="18">TREM 測站紀錄數據</th>
</tr>
<tr>
<th scope="col" rowspan="3">ID</th>
<th scope="col" rowspan="3">Net</th>
<th scope="col" rowspan="3">地名</th>
<th scope="col" colspan="15">紀錄數據</th>
</tr>
<tr>
<th scope="col" colspan="3">加速度</th>
<th scope="col" colspan="3">速度</th>
<th scope="col" colspan="6">最大值</th>
<th scope="col" colspan="2">時間</th>
<th scope="col" colspan="1">檔案</th>
</tr>
<tr>
<th scope="col">加速度EW</th>
<th scope="col">加速度NS</th>
<th scope="col">加速度UD</th>
<th scope="col">速度EW</th>
<th scope="col">速度NS</th>
<th scope="col">速度UD</th>
<th scope="col">PGA</th>
<th scope="col">PGV</th>
<th scope="col">最大計測震度</th>
<th scope="col">最大震度階</th>
<th scope="col">SVA</th>
<th scope="col">LPGM</th>
<th scope="col">開始時間</th>
<th scope="col">結束時間</th>
<th scope="col">Zip</th>
</tr>
</thead>
<tbody id="station-table">
</tbody>
</table>
</div>
<script>
document.getElementById("link").href = `https://${URL_MAIN}/file/trem_report.html`
</script>
<div id="loading">
<div id="loading-spinner">
<div class="spinner-circle"></div>
</div>
</div>
<script src="./js/trem_info.js"></script>
</body>
</html>