https://labs.cybozu.co.jp/blog/akky/tags/%E6%B5%81%E5%9F%9F/ Recent content in 流域 on akky@サイボウズラボ・ブログ Hugo ja Mon, 17 May 2021 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2021/05/river-runner-shows-you-river-routes-in-usa/ Mon, 17 May 2021 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2021/05/river-runner-shows-you-river-routes-in-usa/ <p><a href="https://river-runner.samlearner.com/">River Runner</a> は、<a href="https://waterdata.usgs.gov/blog/nldi-intro/">アメリカ合衆国を流れる河川の地形情報</a>を使い、地図上の任意の地点に落とした雨がどこを通るかを見せてくれるインタラクティブ地図です。</p> <p>地図上を適当にクリックします。ユタ州の適当な山岳部をクリックすると、アリゾナ、ネバダ州を通ってメキシコとの国境に至る川のルートと、それぞれの名称や距離が地図上に表示されます。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2021/05/river-runner-shows-you-river-routes-in-usa/river-runner-grand-canyon-map.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2021/05/river-runner-shows-you-river-routes-in-usa/river-runner-grand-canyon-map_hu_10bc7deb9f8fad4b.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/05/river-runner-shows-you-river-routes-in-usa/river-runner-grand-canyon-map_hu_9e122f8cd02e8675.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/05/river-runner-shows-you-river-routes-in-usa/river-runner-grand-canyon-map_hu_b34b2d0e65aa270e.webp 845w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2021/05/river-runner-shows-you-river-routes-in-usa/river-runner-grand-canyon-map.png" width="845" height="620" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>そして画面は3Dに変わり、落下地点から海(やカナダ・メキシコ国境)まで川を下っていく様子を見せてくれます。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2021/05/river-runner-shows-you-river-routes-in-usa/river-runner-grand-canyon.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2021/05/river-runner-shows-you-river-routes-in-usa/river-runner-grand-canyon_hu_539f921801970bff.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/05/river-runner-shows-you-river-routes-in-usa/river-runner-grand-canyon_hu_e41388a2bc0b289c.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/05/river-runner-shows-you-river-routes-in-usa/river-runner-grand-canyon_hu_8e44224fba8d9f20.webp 857w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2021/05/river-runner-shows-you-river-routes-in-usa/river-runner-grand-canyon.png" width="857" height="631" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>北西部に水を落とすと、最後は10州ほどを通ってミシシッピ川からメキシコ湾にルートが引かれました。これぐらいになると川下りの表示も数分以上かかります。</p> <p><a href="https://github.com/sdl60660/river-runner/">ソースコードはGitHubで公開</a>されています。アメリカの河川データは<a href="https://www.usgs.gov/core-science-systems/ngp/national-hydrography/nhdplus-high-resolution">政府のサイトでオープンデータとして公開されている</a>ためにこのような地図が作れるのですね。<a href="https://nlftp.mlit.go.jp/ksj/index.html">国土交通省のデータ</a>を使うと同じような地図が作れるのでしょうか。</p> <p>via <a href="http://googlemapsmania.blogspot.com/2021/05/running-rivers-to-sea.html">Maps Mania</a></p>