最新消息通報清單透明度報告統計地圖登入

📊 通報統計分析

資料每小時更新一次 · 截至 2026/07/08 03:25 · 查看完整透明度報告

📈 通報數量趨勢

* 顏色越亮表示越近期

h ? `${parseInt(h.slice(1,3),16)},${parseInt(h.slice(3,5),16)},${parseInt(h.slice(5,7),16)}` : '148,163,184'; const categoryRgb = Object.fromEntries(Object.entries(categoryHex).map(([k, v]) => [k, hexToRgb(v)])); this.points.forEach(([lat, lng, category, ts]) => { if (ts < this.startTs || ts > this.endTs) return; const age = (ts - this.startTs) / range; const alpha = 0.15 + age * 0.85; const color = `rgba(${categoryRgb[category] ?? '148,163,184'},${alpha.toFixed(2)})`; const circle = L.circleMarker([lat, lng], { radius: 6, color, fillColor: color, fillOpacity: alpha, weight: 0, }); circle.addTo(this.map); this.layers.push(circle); }); }, onStartSlider(e) { const ts = Math.round(this.minTs + (e.target.value / 100) * (this.maxTs - this.minTs)); this.startTs = Math.min(ts, this.endTs); this.renderPoints(); }, onEndSlider(e) { const ts = Math.round(this.minTs + (e.target.value / 100) * (this.maxTs - this.minTs)); this.endTs = Math.max(ts, this.startTs); this.renderPoints(); }, togglePlay() { if (this.playing) { clearInterval(this.playTimer); this.playing = false; return; } if (this.endTs >= this.maxTs) { this.endTs = this.startTs; this.renderPoints(); } const step = Math.round((this.maxTs - this.startTs) / 80) || 1; this.playing = true; this.playTimer = setInterval(() => { this.endTs = Math.min(this.endTs + step, this.maxTs); this.renderPoints(); if (this.endTs >= this.maxTs) { clearInterval(this.playTimer); this.playing = false; } }, 120); }, reset() { clearInterval(this.playTimer); this.playing = false; this.startTs = this.minTs; this.endTs = this.maxTs; this.renderPoints(); }, }" x-init="$nextTick(() => initMap())">

🗺️ 災情分佈時間軸

起

迄

淹水道路中斷停電結構受損越亮 = 越近期

📊 通報統計分析

📈 通報數量趨勢

🗺️ 災情分佈時間軸

⚠️ 使用前請注意