## Open Street Mapのデータの3D化

Open Street Mapのデータを使って、大阪の環状線の内側を３Ｄ化してみた。
建物については高さデータがあるものはそれを使用して、高さデータがないものはランダムに高さを設定して表示している。

コードは下記記事のサンプルをベースにしている。
http://qiita.com/i09158knct@github/items/f0f4c82fed8aab004737

以下の改良を行い、たくさんのメッシュを表示してもパフォーマンスができる限り落ちないようにしている。

* geometryをある程度の塊にまとめて高速化を図る
* 分割してデータを読み込む
* 事前にデータをoverpass apiからデータを読み込み、静的にキャッシュしておく

### 使用ライブラリ

* three.js (r85)
* d3.js (4.8.0)
* lzbase62.min.js

### 使用したテクスチャ

下記サイトから適当にいくつか使用
https://www.textures.com/download/buildingshighrise0625/104602

skybox用に下記からダウンロードして使用
https://opengameart.org/content/clouds-skybox-1