Cesium を使ってみる

前準備

Node.js のインストール

• Windows でのNode.js のインストール: 別ページ »で説明している．
• Ubuntu でのNode.js のインストール（NVM を使用）: 別ページ »で説明している．

  sudo apt -y update
  sudo apt -y install nodejs-legacy
  

Cesium サーバの準備

1. Web ページを開く

   https://cesium.com/platform/cesiumjs/

2. 「Start building your 3D globe app」の下の 説明の「DOWNLOAD NOW」をクリック．

   関連ファイルもダウンロードし，あとで使用したい．

   
3. 画面の「DOWNLOAD CESIUMJS 1.88」をクリック
   
4. ダウンロードが始まる
   
5. ダウンロードした .zip ファイルを展開（解凍）する． C:\ の直下に 展開（解凍）するなど，分かりやすいディレクトリに置く．

   Windows での展開（解凍）に便利な 7-Zip: 別ページ »で説明

   
6. Cesium のホームページ https://cesium.com/platform/cesiumjs/ の「Quick start guide」に記載されている操作を行う。

   Windows のコマンドプロンプトで，Cesium ファイルを展開（解凍）したディレクトリ（下図ではc:\Cesium-1.88）に移動し，次のコマンドを実行

   npm install
   

   

7. Cesium ファイルを展開（解凍）したディレクトリ（下図ではc:\Cesium-1.88）に移動し，次のコマンドを実行

   これは，ポート 8080番で Webサーバを開設するもの

   node server.cjs
   

   
8. Cesium の確認のため，Web ブラウザで，次の URL を開く

   http://localhost:8080
   

   
9. 今の画面で，「Run tests」をクリック

   終了までしばらく待つ．

   
10. 結果を確認する
    

Cesium を使ってみる

Cesium の次の機能を確認する

• 航空写真の表示
• 地図の表示
• ３次元データの取り込み

航空写真の表示, 地図の表示

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

Web ブラウザで，次の URL を開く

http://localhost:8080


1. 「Hello World」をクリック
   
2. 地球が開く
   
3. 好きな場所（例えば「福山大学」）を見てみる
   
4. 地図の選択のメニューを確認
   
5. 地図の選択で， 「Terrain」の下の「Cesium World Terrain」を選んでみる．
   

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

   

   マウス操作する．地図が回転する．地形の起伏を確認することができる．

   
6. 地図の選択で「OpenStreetMap」を選んでみる．
   

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

   

3次元オブジェクトの表示機能

1. 今度は「Sandcastle」をクリック
   
2. 「3D Tiles」, 「3D Tiles Photogrammetry」と操作
   
3. 「Open in New Windows」をクリック
   
4. 画面が開くので確認

   これは地図に３次元オブジェクトが入っている．マウス等の操作により画面のズームや回転もできる．

   

Cesium 3D サイト紹介

次のWebページを開く

https://github.com/AnalyticalGraphicsInc/3d-tiles

「Live Apps」のところにあるリンク集をいくつか見てみる．

先人に改めて感謝．

Cesium JapanGSI サイト紹介

次のWebページを開く

https://github.com/tilemapjp/Cesium-JapanGSI

先人に改めて感謝．