PLATEAUのCityGMLを鼻血出してQGISで表示する


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100567/33d45ca7-c3c6-331c-36ac-66cfb446e8e9.png)


【2021/9/21 追記】
この記事は2021/3下旬での検証結果で、2021/9/20に @mugwort_rc さんが[GDAL本家(!)にFIXをPUSHしてくださり](https://github.com/qgis/QGIS/issues/45151)、時期GDALバージョン(3.3.3あたり？）で改善され、それを取り込むちょっと先のQGISでもなおる見込みです（そのころにはこの記事はふつうのXY交換のやりかた紹介記事に転生します😂 ）。 @mugwort_rc さん本当にありがとうございます！！！

すばらしい修正記事はこちら↓

https://zenn.dev/mugwort_rc/articles/34a427a9394580


## はじめに

「こんなに生やしてどうするのォォ！」でおなじみの、日本全国の3D都市モデルの整備・オープンデータ化プロジェクト[PLATEAU](https://www.mlit.go.jp/plateau/)が話題になっています。
この記事を書いている前日()にG空間情報センターからCityGML形式データなどがCCBY4.0準拠のオープンライセンスで[ダウンロードできるようになりました](https://www.geospatial.jp/ckan/dataset/plateau)。わたしはCode for Japanのオンラインハッカソンイベント、[Social Hack Day](https://hackday.code4japan.org/)のチーム4「PLATEAU/3D都市モデルを触ってみよう」でご一緒した@tossetoさん@hal_skさんたちとともにこのPLATEAUのCityGMLデータに半日しがみついておりました([~~死闘~~記録はこちら](https://hackmd.io/@geopythonjp/HkZOmNpqL/%2FhfZTkl5FQGy8YHrgzc7ohQ))。その結果、チームの皆さんの助けもあって無事QGIS上に表示することができましたので、その結果を紹介します。慣れたらLOD1（豆腐建物）なら５分くらいでQGISに載せれますよ。
もちろんもっとスマートでスッキリできる処理方法もあるかもしれませんが、まずはできましたということで♨

## こんなかたに

- CityGMLを地図上でさくっと確認したいQGISな方
- 国交省PJに参加したものの鬼データもらって頭を抱える役所の方
- PLATEAUのスペル覚えるのがむつかしいひと

## やりかた

注：けっこう負荷の高い作業をさせますので、なるべくスペックの高いPCで試してくださいね

### データのダウンロードと解凍

G空間情報センターダウンロードページの[3D都市モデル（Project PLATEAU）東京都23区（CityGML 2020年度）](https://www.geospatial.jp/ckan/dataset/plateau)から、閲覧したいエリアの地域基準メッシュ番号に対応したデータを選択します。データに対応する位置は同じページ内の「東京都23区構築範囲図」で閲覧できますし、よくわかんなかったら[このあたりの索引地図](https://maps.multisoup.co.jp/exsample/mesh/mesh_search.html)から引いても良いです。
なお、範囲図のピンクのエリアであるLOD2レベルの入っている地域はデータが数Gバイトになるのでご注意下さい。また、本項ではLOD2レベルのデータ確認検証は行っていません（たぶんドライバの関係でむづかしいかも）、ごめんなさい。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100567/31baceef-f1e9-ca1e-4cde-8758e780e3e9.png)

では、目黒区あたりの[533935](https://www.geospatial.jp/ckan/dataset/plateau-tokyo23ku-citygml-2020/resource/866bcf36-6093-4e98-a405-de4aff39033d?inner_span=True)をDLします。
解凍するとbldg/tran/dem/luse…などのzipがでてきます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100567/718d7d9a-d54b-55d1-d747-255dbab53a79.png)

これらは、[東京23区における3D都市モデルのための拡張製品仕様](https://www.geospatial.jp/ckan/dataset/plateau-tokyo23ku-citygml-2020/resource/e5edb01e-8e87-4540-a64e-53dcc0f31f43?inner_span=True)によると、下記のような分類になっています。

```
bldg 建築物、建築物部分、建築物付属物、及びこれらの境界面 
tran 道路、通路
luse 土地利用
urf 都市計画区域、区域区分、地域地区
dem 地形(起伏)
fld 洪水浸水想定区域
tnm 津波浸水想定 
lsld 土砂災害警戒区域 
brid 橋梁
frn 設置物
```

全部試して「俺のALL目黒区inQGIS」を作ってみるのもなかなかチャレンジングではありますが、まずは建物である「bldg.zip」を更に解凍してみると、大量のgmlファイルが生成されます。
この一つ一つには、更に詳細な[地域基準メッシュ番号](https://maps.multisoup.co.jp/exsample/mesh/mesh_search.html)ごとの建物CityGMLファイルとなっています。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100567/2fc7dc20-8f1d-04a2-5251-ead3866a7f22.png)

また、appearanceフォルダにはこんな建物のおもしろテクスチャ（表面画像）が入っていますが今回は参考までにくらいでみておきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100567/cfac0115-5957-8030-64f7-902752c6b42d.png)

### どうやって見るんですか

ここで大きな壁にぶつかります。
メンバーたちはどうすればQGISでCityGMLを開けるか数時間悩んでいました。
CityGMLからCityJSONに変換してもQGISに出ない。有料変換サービスに$7払ったらレシートとエラーログしか返ってこなくてダメ、サーバー立てて3DTiles形式を読む？　Blender経由でFBX形式からなんかに変換する？…
散々悩んだ末、ある瞬間「あれ、これ、QGISドラッグ＆ドロップで読めるやん」ということに気がついたのです。なんという灯台モトクラシー！こんなワクワクあるから検証はやめられない。なお、**QGISのバージョンは3.16以上**じゃないと読めませんのでご注意を（わたし古いバージョンで試してた…）

これは瀬戸さんが調べてくださったのですが、QGISのバージョン3.16の更新履歴に[List available GDAL vector drivers]
(https://qgis.org/en/site/forusers/visualchangelog316/index.html#list-available-gdal-vector-drivers)とありました。なお、バージョン情報をみると、QGISに搭載されているGDALが3.0.4から3.1.4にバージョンアップされています。GDALは3.1.1から[単純なGML](https://gdal.org/drivers/vector/gml.html)にも対応とあるため、その恩恵がQGISにもやってきたというわけです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100567/329084fb-561b-5b81-46a1-95af4eab6c04.png)



### なんか出たけど変

では、とりあえず目黒区の53393585あたりをドラッグ＆ドロップで**QGISバージョン3.16以上**で開いてみます。なお、appearanceが一緒だとちょっと読み込みに数分かかるのでご注意を。
しばらくするとデータどっちを開くか聞いてくるので、とりあえずBulidingを選択してOKを押します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100567/6eb79074-5933-6157-e713-640c575d172e.png)

投影法の設定などについて聞いてくる場合がありますが基本EPSG:6697でも大丈夫そうなので、OKを押します。
その後ポリゴンレイヤにズームさせるとなんか建物矩形ぽいものが！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100567/4cf36ad3-6ed6-9884-21d2-1f101a689b05.png)

しかしここでまた別の問題が。
この位置がどこなのかを確認するためにOpenStreetMapや地理院地図様などの正しい位置が入ったタイル地図を読み込んでこようとするとハングアップしてしまいます。また、正しい市町村ポリゴンなどとも合致しません。ここでまた1時間ほど悩んでいましたがあることに気がついたのです。
**XY座標がQGISの表示と逆になっている**のです。
原因は元データの不備よりかは、[GIS/CADのXYに対する考え方](https://desktop.arcgis.com/ja/arcmap/10.3/manage-data/cad/about-cad-coordinate-systems.htm)の違いとか仕様の差によるものかもしれませんが、とにかく位置が合った絵を作りたいので（）がっちり探っていません。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100567/be3d0457-3891-fa89-9401-78c982df4f8b.png)

読み方や座標変換のPROJ4をなんかすればいいのかもですが今、今回はデータをFIXする方法をとってみました

### 矯正してみる

この点の"XY-YX問題"は過去何回か食らっていまして、アジャスト的なベクトル変換などをかければ対応できます。
その前に生のGMLだといろいろエラーが出るので、一旦 .gpkg（GeoPackage形式）などに変換しておきます。
SHPに変換もできなくもないのですが、今回の国交省さんCityGMLの~~ワイルドな~~長くて日本語満載の属性フィールド名ですとSHPがお腹を下すので、*.gpkgとかのほうがおすすめです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100567/71c0a157-1c1c-1587-c12d-48119efbbb8a.png)

読んできたCityGMLのレイヤを選択後右クリックで地物の保存→任意のフォルダにGeoPackage形式で保存します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100567/d2e94cd3-c997-8cbd-1bcb-0ad583ccc75f.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100567/871c466b-7029-c15f-a75d-4e31c5845888.png)


さて、材料が揃ったところで、XY-YX変換を行います。以前のQGISのVer２時代は専用のプラグインがあったようですが、いまでは基本機能のプロセッシングツールボックス内に変換ツールが入っています、開発者のみなさんありがとうございます。
プロセッシングメニュー→プロセッシングツールボックスを表示させて`swap`と🔍検索窓に打ち込むと`座標のXY入れ替え`という機能が出てくるので、起動します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100567/0b9df2b0-ec38-08dd-cbf2-daf2940a7696.png)

右のヘルプには
>このアルゴリズムは、入力ジオメトリの頂点のXとYを入れ替えます。**誤って緯度と経度を逆に入力した**ジオメトリを修復するために使用できます

とありますが、あちらさんもご事情があるでしょうし😅温かい心持ちで、入力レイヤに先程のgpkgを、出力レイヤはとりあえず[一時レイヤを作成]でもよいのでOKを押します（慣れたら「...」から*.gpkgに保存してもよいかと）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100567/f271ceb3-f093-bf90-7cc6-eaeae268c25f.png)

変換されたレイヤにズーム後、OpenStreetMapや地理院地図様の地図タイルを敷いてみると、おお！ハマりました。
サンプルの[geojsonはここに置いときます](https://www.dropbox.com/s/fimen9yfni03zra/53393585_bldg_3857.geojson?dl=0)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100567/d9cc3cad-67dd-0643-4bc0-82cb09386011.png)

投影法をEPSG：3857などにして、[QGIS2Threejs](https://qgis2threejs.readthedocs.io/ja/docs/Tutorial.html)プラグインなどを使って、建物高さを`"measuredHeight"*1.5`とかにするといい感じで３Dにしてくれます。今回はLOD1レベルのデータなので、「ちょっとかっこいい豆腐」ではありますが、これだけでもさまざまな活用が見込めそうですね。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100567/da9d9600-6987-bd40-b589-b02667fc6866.png)


現地で測量してくださった方、様々な点群データからCityGMLを生成してくれた方、かっちょいいプラットフォームこさえてくれた方、オープンデータのために各方面への調整に奔走してくれた方、その他たくさんの方の苦労がこのデータに詰まっているようにも思います、お疲れさまでした、ありがとうございます。うやうやしく活用させていただいて、これらの成果がデータを軸とした社会貢献の下地になることを願ってやみません。


## おわりに

なお、QGISおじさんたちがヒーヒー言ってGMLともみくちゃ泥まみれになっている間にメンバーのmamixさんは[FBX形式](https://www.geospatial.jp/ckan/dataset/plateau-tokyo23ku-fbx-2020)から10分くらいでさっさとUnityに取り込んで猫オブジェクト立てたりして遊んでました…orz