3D震源マップJapan EQ Locatorはこう動いている！

Mapbox/OpenStreetMap meetup #12での発表資料です。

日本周辺の地震の3D震源マップの紹介です。気象庁の震源データを元に、2000年以降のマグニチュード2以上の地震約64万件の震源を表示しています。

Japan EQ Locator
https://nagix.github.io/japan-eq-locator/
https://twitter.com/EQLocator

World EQ Locator
https://nagix.github.io/world-eq-locator/
https://twitter.com/WorldEQLocator

Transcript

1. 3D震源マップ Japan EQ Locator はこう動いている︕ 草薙 昭彦 AKIHIKO KUSANAGI
2. ⾃⼰紹介 u 草薙 昭彦 (くさなぎ あきひこ) u Postman 株式会社 テクノロジーエバンジェリスト u Mapbox ジャパン アンバサダー u 2016年からシンガポール在住 u 最近のビジュアライゼーションワーク u Mini Tokyo 3D u Sea Level Rise 3D Map u Mapbox GL JS Rain Layer u Ukraine Live Cams @nagix
3. Japan EQ Locator 概要 u ⽇本周辺の地震の3D震源マップ u 気象庁の震源データを元に、2000年以降のマグ ニチュード2以上の地震約64万件を表⽰ u 震源の深さの⾊分けと3D表⽰で地下のプレート の構造の学習に最適 u 「最近の地震」メニューから過去30⽇間に発⽣ した有感地震の震度分布を表⽰ u 「過去の巨⼤地震」メニューから気象庁が名称 を定めた規模の⼤きい地震の震度分布を表⽰ u X（旧Twitter）と連動して発⽣した地震の情報を 画像・リンク付きで⾃動ポスト https://nagix.github.io/japan-eq-locator/ @EQLocator
4. Japan EQ Locator 誕⽣のきっかけ u 2022年11⽉14⽇の三重県南東沖深さ362km、M6.4の地震 u 硬いプレートに沿って揺れが伝わることにより、離れたところで震度が⼤きくなる 異常震域が⾒られた 出典: 気象庁 防災メモ
5. Japan EQ Locator 誕⽣のきっかけ u 有感地震にならないけど、 意外に深い場所で起きている地震が多い︕ u 震源を3Dでプロットすれば、⽇本の地下の 構造がよくわかるのではないか︕︖
6. Mapbox GL JS + deck.gl u 3D地図ライブラリ Mapbox GL JS と、データ可視化ライブ ラリ deck.gl を組み合わせて、ブラウザで動作する Web ア プリとして JavaScript で作られています u ⼤半の機能はライブラリを利⽤しているため、700⾏程度の プログラムです deck.gl
7. 地図のレイヤー 地図（ベースマップ）、 震源の分布、震度の分布 をレイヤーとして重ねて 表⽰ 震源レイヤー (deck.gl) 地図レイヤー (Mapbox) 震度レイヤー (Mapbox)
8. deck.gl で地下に物体を配置した時の問題 u パフォーマンス最適化のため、通常 地下の物体は描画されないように なっている u 視錐台（Viewing frustum）の計算 を修正して地下の点群を表⽰するよ うにして解決 u ブログ記事: Mapbox GL JS + deck.gl で⾼度な 3D データ表現 https://nagix.hatenablog.com/en try/2022/12/31/011441
9. システム全体像 気象庁 地震情報 直近の地震情報・震度分布 画像・リンク⽣成 ポスト 直近の地震情報 リンク ポスト Japan EQ Locator 気象庁 地震⽉報（カタログ編） 震源データ (事前にデータ加⼯) 過去の地震情報 ブラウザ
10. データについて︓震源データ u 地震⽉報（カタログ編） 震源データ https://www.data.jma.go .jp/eqev/data/bulletin/ u 2000年以降のマグニチュー ド2以上の地震約64万件を 抽出し、緯度・経度と深さ だけを格納したファイルを ⽣成
11. データについて︓直近30⽇の地震情報 u 地震情報 https://www.data.jma.go.jp/mult i/quake/ u ページ内で使われている JSON ファ イルから詳細情報・震度分布を収集 https://www.jma.go.jp/bosai/qu ake/data/list.json
12. データについて︓過去の地震情報 u 地震⽉報（カタログ編） 震度データ https://www.data.jma.go.jp/eq ev/data/bulletin/ u 1919年以降の有感地震の詳細情 報・震度分布を利⽤
13. オープンソース u GitHub にてソースコードを公開: https://github.com/nagix/japan-eq-locator
14. 2023 年共通テスト: 地理B u 受験に役⽴つ︕
15. 2023 年共通テスト: 地学
16. 裏技1: 架空の地震が作れる u URLパラメータを指定してみよう u https://nagix.github.io/japan-eq-locator/?lng=139.7652&lat=35.6994& t=2023-08-21T19:00:00&l=東京の後ろ⼾&d=30&s=8&m=10 キー 説明 lng 経度 lat 緯度 t ISO 8601形式の⽇時 l 震央地名 d 震源深さ s 最⼤震度 m マグニチュード
17. 裏技2: 1919年〜の全地震の震度分布を表⽰ u まず気象庁「震度データベース検索」を使って結果ページのURLから地震のIDを取得 https://www.data.jma.go.jp/svd/eqdb/data/shindo/ https://www.data.jma.go.jp/svd/eqdb/data/shindo/ index.html#19190329074006 https://nagix.github.io/japan-eq-locator/? id=19190329074006
18. World EQ Locator もあるよ https://nagix.github.io/world-eq-locator/ @WorldEQLocator