UNVT Hackathon Drone Team

＃＃今回行ったこと

今回は相模原キャンパスボクセルタイルの生成。そして干渉色ボクセルタイルスタイルの適用を行いました。

またMapbox Studio/CharitesでDrone Birdスタイルを行いました。

＃＃相模原ボクセルタイルの生成

大まかな一連の流れとして、

1. MacOSの環境構築
2. LASデータをPDALで投影してCSVに変換
3. PDALを活用してボクセル化
4. PDALが出すCSVを加工してGeoJSONで出力します。

この作業を部長の神田が行ったのですが、とても苦労していました。本当にありがとうございます！

特に苦労した点として、パスを通してすべて利用できる状態にしないといけないので、そこに時間がかかりました。

実際に相模原キャンパスのボクセル化をする前にkid-cという藤村さんにコード規模を3割減くらいのシンプルなものに書き換えていただいたものから実行していきました。

GitHub web editor

そしてこちらの相模原キャンパスのLASデータを使って変換しました。

点群データ 切り出し済 50cm間引きLAS形式 61MB

＃＃干渉色ボクセルタイルスタイル作成

大まかな流れとして、

1. style.ymlの置き換え
2. style.ymlをstyle.jsonに再度変換
3. GitHub Pagesで地図の表示

そして作り上げたボクセルタイルを干渉色のスタイル変更をします。

主に参考にしたのはこちらを参考にしました。

GitHub - optgeo/cudi: kid-c template

こちらをCloneして先ほど作ったstyle.ymlの中にあるvoxel.ymlのファイルをこちらのvoxel.ymlに置き換えました。

そしてcharitesのコマンドの「charites serve style.yml」を用いて確認しました。

正しく表示されてひとまず安心です。

次にGitHubのレポジトリを開いたときに地図のURLが表示して、確認できるようにしたかったのでGitHub Pagesの設定をしました。

その際に、style.ymlのファイルをstyle.jsonにしなければいけなかったので変更しました。

上がstyle.ymlをstyle.jsonに変換するもの。下が地図の表示

そしてGitHub Pagesの設定を行い、Cusutom Domainで以下を記載します。

cudi/docs at main · optgeo/cudi

そして追加をしたらGitHub Pagesに記載されているURLを確認してみます。

https://furuhashilab.github.io/UNVT_Hackathon_Drone/

こちらのURLをクリックすると今回作成した成果物を確認することが出来ます。

＃＃Mapbox Studio/Charites でドローンバードスタイル作成

最初にCartogramを用いて地図の作成を行いました。

・Colorful

・Light

・Dark

・Custom

⇒Customで色を調整

⇒Saved style

このように設定を行うことが出来ます。

今回はDRONEBIRDの色を再現するのでこちらの画像を使用しました。

そしてMapbox Studioで詳細な編集を行いました。

・全てのレイヤーを

日本語に変換

・細かい配色

dronebird_logo.jpg

そして最後に編集しやすいようにstyle.jsonのデータをcharitesを用いてstyle.ymlに変換しました。

＃＃GitHubレポジトリ

https://github.com/furuhashilab/UNVT_Hackathon_Meetup2022_Drone

干渉色ボクセルタイル用Githubレポジトリ

https://github.com/furuhashilab/UNVT_Hackathon_Drone

＃＃グラレコ

＃＃スライド