Skip to content

Latest commit

 

History

History
97 lines (68 loc) · 3.41 KB

README.md

File metadata and controls

97 lines (68 loc) · 3.41 KB

東日本大震災「減災リポート」アーカイブ

東日本大震災翌日までの、ウェザーニューズ会員による「減災リポート」を地図上で閲覧できるアーカイブです。
公開サイト: https://311report.mapping.jp/

  • データは、東日本大震災発生直後〜翌日までに投稿されたウェザーニュース会員の「減災リポート」をもとにしています。
  • このコンテンツは、2012年に開催された「東日本大震災ビッグデータワークショップ」の成果物を、現行技術スタックへ移植したものです。
  • 東京大学大学院 渡邉英徳研究室が作成・運営しています。
  • ソースコードは、コメントを参考に改修の上、自由に利用できます。
  • お問い合わせは hwtnv(at)iii.u-tokyo.ac.jp まで。

現在の実装仕様

  • フロントエンドは Mapbox GL JS (v2) ベースです
  • データは data/czml/weathernews.geojson を読み込みます
  • ポイントはクライアント側でクラスタリング表示します
  • タイトル画面（ロゴ + ローディング表示）を初期表示し、データ読込完了後にフェードアウトします
  • 機能
    • 地名検索（Mapbox Geocoding API）
    • テキスト検索（リポート本文ベース）
    • 現在地へ移動
    • ポップアップで本文表示

ディレクトリ構成

  • index.html: エントリポイント（最小のDOM構造）
  • css/style.css: 画面全体スタイル、タイトル画面、地図UI調整
  • css/menubutton.css: ボタンとアイコンフォント用スタイル
  • js/app-config.js: APIキー・スタイルID・データURLなどの設定
  • js/main.js: アプリ本体（地図初期化、データ読込、検索、UIイベント）
  • js/analytics.js: Google Analytics 初期化
  • data/czml/weathernews.json: 元データ（配列形式）
  • data/czml/weathernews.geojson: 表示用GeoJSON
  • tools/: データ変換・補助データ生成スクリプト

設定

設定値は js/app-config.js で管理しています。

主な項目:

  • mapboxAccessToken
  • mapboxStyleStreets
  • reportGeoJsonUrl
  • analyticsTrackingId

ローカル実行

静的ファイルとして配信してください（file:// 直開きは非推奨）。

例:

cd /Users/wtnv/Repositories/311report
python3 -m http.server 8080

ブラウザで http://localhost:8080 を開きます。

データ生成

1. GeoJSON生成（通常はこちらを使用）

weathernews.json から表示用 weathernews.geojson を生成します。

node tools/build-report-geojson.js

出力先:

  • data/czml/weathernews.geojson

2. タイル分割データ生成（任意）

検索や分割配信向けの補助データを生成します。

node tools/build-report-tiles.js

出力先:

  • data/czml/weathernews-tiles/

3. 事前クラスターデータ生成（任意）

ズーム別の事前クラスターデータを生成します。

node tools/build-report-clusters.js

出力先:

  • data/czml/weathernews-clusters/

補足

  • 現在の実行系は weathernews.geojson を直接読む構成で、weathernews-tiles / weathernews-clusters は補助生成物です。
  • お問い合わせ: hwtnv(at)iii.u-tokyo.ac.jp