Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

草薙昭彦

August 21, 2023
Tweet

More Decks by 草薙昭彦

Other Decks in Technology

Transcript

  1. 3D震源マップ
    Japan EQ Locator
    はこう動いている︕
    草薙 昭彦 AKIHIKO KUSANAGI

    View full-size slide

  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

    View full-size slide

  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

    View full-size slide

  4. Japan EQ Locator 誕⽣のきっかけ
    u 2022年11⽉14⽇の三重県南東沖深さ362km、M6.4の地震
    u 硬いプレートに沿って揺れが伝わることにより、離れたところで震度が⼤きくなる
    異常震域が⾒られた
    出典: 気象庁 防災メモ

    View full-size slide

  5. Japan EQ Locator 誕⽣のきっかけ
    u 有感地震にならないけど、
    意外に深い場所で起きている地震が多い︕
    u 震源を3Dでプロットすれば、⽇本の地下の
    構造がよくわかるのではないか︕︖

    View full-size slide

  6. Mapbox GL JS + deck.gl
    u 3D地図ライブラリ Mapbox GL JS と、データ可視化ライブ
    ラリ deck.gl を組み合わせて、ブラウザで動作する Web ア
    プリとして JavaScript で作られています
    u ⼤半の機能はライブラリを利⽤しているため、700⾏程度の
    プログラムです
    deck.gl

    View full-size slide

  7. 地図のレイヤー
    地図(ベースマップ)、
    震源の分布、震度の分布
    をレイヤーとして重ねて
    表⽰
    震源レイヤー
    (deck.gl)
    地図レイヤー
    (Mapbox)
    震度レイヤー
    (Mapbox)

    View full-size slide

  8. deck.gl で地下に物体を配置した時の問題
    u パフォーマンス最適化のため、通常
    地下の物体は描画されないように
    なっている
    u 視錐台(Viewing frustum)の計算
    を修正して地下の点群を表⽰するよ
    うにして解決
    u ブログ記事: Mapbox GL JS +
    deck.gl で⾼度な 3D データ表現
    https://nagix.hatenablog.com/en
    try/2022/12/31/011441

    View full-size slide

  9. システム全体像
    気象庁 地震情報
    直近の地震情報・震度分布
    画像・リンク⽣成
    ポスト
    直近の地震情報 リンク
    ポスト
    Japan EQ
    Locator
    気象庁 地震⽉報(カタログ編)
    震源データ
    (事前にデータ加⼯)
    過去の地震情報
    ブラウザ

    View full-size slide

  10. データについて︓震源データ
    u 地震⽉報(カタログ編)
    震源データ
    https://www.data.jma.go
    .jp/eqev/data/bulletin/
    u 2000年以降のマグニチュー
    ド2以上の地震約64万件を
    抽出し、緯度・経度と深さ
    だけを格納したファイルを
    ⽣成

    View full-size slide

  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

    View full-size slide

  12. データについて︓過去の地震情報
    u 地震⽉報(カタログ編)
    震度データ
    https://www.data.jma.go.jp/eq
    ev/data/bulletin/
    u 1919年以降の有感地震の詳細情
    報・震度分布を利⽤

    View full-size slide

  13. オープンソース
    u GitHub にてソースコードを公開: https://github.com/nagix/japan-eq-locator

    View full-size slide

  14. 2023 年共通テスト: 地理B
    u 受験に役⽴つ︕

    View full-size slide

  15. 2023 年共通テスト: 地学

    View full-size slide

  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 マグニチュード

    View full-size slide

  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

    View full-size slide

  18. World EQ Locator もあるよ
    https://nagix.github.io/world-eq-locator/ @WorldEQLocator

    View full-size slide