Cesium入門

2016/05/27 片木仁

書きかけです。

Cesium - WebGL Virtual Globe and Map Engine

Google Earthのオープンソース版みたいなもの。 JavaScriptのライブラリで、WebGLを用いて描画する。

Cesiumの準備

Ubuntu 16.04 を想定しています。

mkdir cesium
cd cesium
wget https://cesiumjs.org/releases/Cesium-1.21.zip
unzip Cesium-1.21.zip

Node.jsの準備

ローカルサーバーの準備。apacheでもいいが、チュートリアルではNode.jsを使っていたのでNode.jsで立ち上げる。

参考

sudo apt-get install -y nodejs npm
sudo npm cache clean
sudo npm install n -g
sudo n stable
sudo ln -sf /usr/local/bin/node /usr/bin/node
# バージョンの確認
node -v
# 古いバージョンを削除
sudo apt-get purge -y nodejs npm

ローカルサーバーの準備

npm install
# 走らせる
node server.js

Webブラウザを立ち上げ、http://localhost:8080/ を入力。

Hello Worldをクリックし、地球が表示されれば無事成功。

(2016/06/18 追記) 現在、Beingのマップは表示されない模様。

coming soon.

DSMデータのダウンロード

JAXAの全球高精度デジタル3D地図 (ALOS World 3D) からダウンロード。 今回はN36E140の茨城県のタイルを選択。

# ダウンロードしたら、解凍しておく
tar xzvf N036E140.tar.gz

DEMデータの変換

Cesiumで読み込める形式に変換。

gdalのversionは2.0.0以上でなければいけないので、必要に応じてインストール。

# gdalのインストール
mkdir ~/gdal && cd ~/gdal
wget http://download.osgeo.org/gdal/2.1.0/gdal-2.1.0.tar.gz
tar xzvf gdal-2.1.0.tar.gz
cd gdal-2.1.0
./configure && make
sudo make install
# ライブラリの依存関係を解決
sudo ldconfig

# cesium-terrain-builderのインストール
git clone https://github.com/geo-data/cesium-terrain-builder.git
cd cesium-terrain-builder
mkdir build && cd build && cmake .. && make install.
cmake -DGDAL_LIBRARY_DIR=/usr/local/lib \
      -DGDAL_LIBRARY=/usr/local/lib/libgdal.so \
      -DGDAL_INCLUDE_DIR=/usr/local/include \
      ..
sudo make install 
# ライブラリの依存関係を解決
sudo ldconfig

cd ~/cesium && mkdir tiles
ctb-tile --output-dir ./tiles ~/Downloads/N036E140/AVERAGE/N036E140_AVE_DSM.tif
tar cvzf tiles.tar.gz tiles

• Creating 3D terrains with Cesium
• cesium-terrain-builder …　DEMをCesiumで表示できる形式に変換してくれる。
• Cesium Sandcastle … コードと一緒にいくつかの例が載っている。
• 空撮画像技術と3次元リアルタイムデータの可視化について