Cesium を使ってみる

【概要】

Cesium は、3次元の地図を Web ブラウザで表示するための JavaScript ライブラリである。ここでは、CesiumJS を入手してローカルサーバで動かし、航空写真の表示、地図の表示、3次元データの取り込みを確認する。

【目次】

前準備
Cesium サーバの準備
Cesium を使ってみる
Cesium 関連サイトの紹介

【関連する外部ページ】

CesiumJS: https://cesium.com/platform/cesiumjs/
CesiumJS のダウンロード: https://cesium.com/downloads/
CesiumGS/3d-tiles: https://github.com/CesiumGS/3d-tiles
Cesium-JapanGSI: https://github.com/tilemapjp/Cesium-JapanGSI

【サイト内の関連情報】

3次元地図システム Cesiumについて

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

前準備

Node.js のインストール

CesiumJS の同梱サーバの実行には Node.js 22 以降が必要である。

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

Cesium サーバの準備

Web ページを開く
https://cesium.com/downloads/
「Download CesiumJS」から、CesiumJS の最新版（Cesium-バージョン番号.zip）をダウンロードする
ダウンロードが始まる
ダウンロードした .zip ファイルを展開（解凍）する。C:\ の直下など、分かりやすいディレクトリに置く
Windows での展開（解凍）に便利な 7-Zip: 別ページ »で説明
Windows のコマンドプロンプトで、Cesium を展開したディレクトリに移動し、次のコマンドを実行する。これは依存パッケージを取得するものである
```
npm install
```
同じディレクトリで、次のコマンドを実行する。これはポート 8080 番で Web サーバを開設するものである
```
npm start
```
Cesium の確認のため、Web ブラウザで次の URL を開く
```
http://localhost:8080
```
表示された画面で「Run tests」をクリックする。終了までしばらく待つ
結果を確認する
使い終わったら、コマンドプロンプトで Ctrl + C を押して Web サーバを止める

Cesium の航空写真（World Imagery）や地形（World Terrain）は、Cesium ion から配信される。配布版には試用向けのアクセストークンが埋め込まれているが、継続して使う場合は、無料の Cesium ion アカウントを作成して自分のアクセストークンを取得し、Cesium.Ion.defaultAccessToken に設定する（https://ion.cesium.com/tokens）。