Forked from: cx20's 3D地図に震度データを合成してみる(熊本周辺) View Diff (2723)

Fork
0
Fav
0
View
108
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 1804 lines
  • HTML 7 lines
  • CSS 20 lines
3D地図に震度データを合成してみる(北海道地震)

マウスのホイールで地図をドラッグすると別の角度から確認することが可能です。
※ 震源データを表示する際、震源の高さと深さを逆にして表示しています(地中から見上げていると思っていただくと良いかも知れません。)

正確な情報については各情報提供元を参照願います。

<対応した点>
・3D地図ライブラリ「Cesium.js」にて、震源データをシェイプで表示するよう対応。

<情報源>
防災科学技術研究所 Hi-net 高感度地震観測網 気象庁一元化処理 震源リスト
期間:2018/09/06 03:00 - 2018/09/09 12:00

<凡例>
M5.0以上 :赤
M3.0~5.0:オレンジ
M1.0~3.0:黄色
M1.0未満 :薄い黄色

<参考情報>
■ 防災科学技術研究所 Hi-net 高感度地震観測網(データダウンロードは要ユーザー登録)
http://www.hinet.bosai.go.jp/?LANG=ja
  • 3D地図に震度データを合成してみる(北海道地震)
  • 3D地図に震度データを合成してみる(北海道地震)

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

cx20

Author

プログラマ(マイクロソフト系の言語を使用することが多いです。) JavaScript のライブラリを色々と試して遊んでます。

■ 各種 WebGL ライブラリによる基本サンプル一覧 http://qiita.com/cx20/items/0fa19c96aa6470d98807

■ 各種 WebGLライブラリと3D物理演算ライブラリの組み合わせ一覧 http://qiita.com/cx20/items/3ebed669fb9c9e797935

■ glTF 対応ライブラリのサンプル一覧 https://github.com/cx20/gltf-test

■ Grimoire.js サンプル一覧 http://jsdo.it/tag/Grimoire.js

■ GLBoost サンプル一覧 http://jsdo.it/tag/GLBoost

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags