https://labs.cybozu.co.jp/blog/akky/tags/%E8%91%9B%E9%A3%BE%E5%8C%97%E6%96%8E/ Recent content in 葛飾北斎 on akky@サイボウズラボ・ブログ Hugo ja Fri, 10 Apr 2020 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2020/04/7-views-of-mt-fuji/ Fri, 10 Apr 2020 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2020/04/7-views-of-mt-fuji/ <p>葛飾北斎の富嶽三十六景のうち7枚を、それを<a href="https://www.arcgis.com/home/webscene/viewer.html?webscene=9f376d8572a741eb90c06f0beddfdb69">描いたと思われる地点からの視点で富士に重ねて見えるようにした3Dマップ</a>です。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2020/04/7-views-of-mt-fuji/views-of-mt-fuji-screenshot.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2020/04/7-views-of-mt-fuji/views-of-mt-fuji-screenshot_hu_8a02562e8a8576ac.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/04/7-views-of-mt-fuji/views-of-mt-fuji-screenshot_hu_760cd11570da69e6.webp 768w, https://labs.cybozu.co.jp/blog/akky/2020/04/7-views-of-mt-fuji/views-of-mt-fuji-screenshot_hu_90fc3c7ce0045b98.webp 1124w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2020/04/7-views-of-mt-fuji/views-of-mt-fuji-screenshot.png" width="1124" height="840" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>ブラウザ上に立体の日本地図が表示され、富士山から7方向に黒線が伸びています。黒線の端にはそれぞれの版画の画像が。</p> <p><a href="https://labs.cybozu.co.jp/blog/akky/2020/04/7-views-of-mt-fuji/views-of-mt-fuji-screenshot-2.png"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2020/04/7-views-of-mt-fuji/views-of-mt-fuji-screenshot-2_hu_ac08f53f7ecc6afd.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/04/7-views-of-mt-fuji/views-of-mt-fuji-screenshot-2_hu_cb9319a2196150c3.webp 524w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2020/04/7-views-of-mt-fuji/views-of-mt-fuji-screenshot-2.png" width="524" height="265" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>ブラウザ上の操作で富士と重ねてみることができて面白いです。46枚のうち7枚だけのプロットですが。</p> <p>位置データをまとめて渡すとこのような動く地図をブラウザで表示してくれるサービスが簡単に使えるのは素敵です。映画のシーンをロケ地にマップしたりするのも面白いかもしれませんね。</p> <p>via <a href="http://googlemapsmania.blogspot.com/2020/04/interactive-maps-of-floating-world.html">MapsMania</a></p>