Cesium を使ってみる

Cesium とは，３次元の「地図」をウエブブラウザで表示するための JavaScript ライブラリ

先人に感謝

キーワード： Cesium, 3次元地図, JavaScript, 航空写真の表示, 地図の表示, Cesium のデモサイト

前準備

前もってWebサーバを開設しておくこと．

下で説明している．「Cesium サーバの準備」が終わったら， Windows のコマンドプロンプトで，Cesium サーバのファイルを展開（解凍）したディレクトリに移動し，次のコマンドを実行
これは，Python の機能を使い，ポート 8000番で Webサーバを開設するもの
```
python -m http.server
```
Web ブラウザで「http://127.0.0.1:8000」を開いて確認
使い終わったら Web サーバを止める

Web ページを開く
https://cesiumjs.org/
「Downloads」をクリック
ダウンロードしたいので「Download the latest version」の下の「CesiumJS 1.64」をクリック
.zipファイルがダウンロードが始まる
ダウンロードした .zip ファイルを展開（解凍）する．
ダウンロード先は，Webサーバが管理するドキュメントディレクトリの中とすること．
「node のインストール」が済んでいない場合にはインストールする
Ubuntu でのインストール手順例
```
sudo apt -yV install nodejs-legacy
```
Cesium のホームページ https://cesiumjs.org/ の「Quick start guide」に記載されている操作を行う。
```
npm install
```
動作確認のため，Cesium を展開した URL を開く
引き続き「Run tests」をクリック
結果を確認する

Cesium の次の機能を確認する

以下，Cesium の URL を「https://www.kkaneko.jp/Cesium-1.64/」と書く．各自が開設した Cesium サーバの URL に合わせて読み替えてください．

Cesium-1.64 の Webページを開く
https://www.kkaneko.jp/Cesium-1.64/
試しに「Hello World」をクリック
地球が開く
好きな場所（例えば「福山大学」）を見てみる
地図の選択ボタンをクリックしてみる

マイクロソフトBing の航空写真(Bing Maps Aerial) が選ばれていることが分かる．
地図の選択で，「Terrain」の下の「STK World Terrain meshed」を選んでみる．

表示が切り替わるので確認する．

マウス操作する．地図が回転する．地形の起伏を確認することができる．
地図の選択を使って，OpenStreetMap の地図を表示させることもできる