NICTA/cesium-simple-photogrammetry を使ってみる

【概要】

Cesium は、3次元の地図を Web ブラウザで表示するための JavaScript ライブラリである。NICTA/cesium-simple-photogrammetry を使うと、3次元オブジェクトのファイルを Cesium の地図へ簡単に取り込める。

【目次】

【関連する外部ページ】

【サイト内の関連情報】

前準備

Web サーバの開設

あらかじめ Web サーバを開設しておくこと。

  1. 下記の「NICTA/cesium-simple-photogrammetry の準備」でファイルを展開したディレクトリに、Windows のコマンドプロンプトで移動し、次のコマンドを実行する。これは Python の機能を使い、ポート 8000 番で Web サーバを開設するものである 
    python -m http.server
  2. Web ブラウザで http://127.0.0.1:8000 を開いて確認する
  3. 使い終わったら Web サーバを止める

NICTA/cesium-simple-photogrammetry の準備

  1. Web ページを開く

    https://github.com/NICTA/cesium-simple-photogrammetry

  2. 「Code」ボタンを展開し、「Download ZIP」をクリックする
  3. .zip ファイルのダウンロードが始まる
  4. ダウンロードした .zip ファイルを展開（解凍）する
  5. 展開したファイルを Web サーバに置く。置いたときの URL を確認しておく。本資料では URL を「https://www.kkaneko.jp/a/cesium-simple-photogrammetry-master/」として説明を続ける
  6. 動作確認のため、次の URL を開く

    https://www.kkaneko.jp/a/cesium-simple-photogrammetry-master/

    3次元のオブジェクトが読み込まれる

NICTA/cesium-simple-photogrammetry は 2015年ごろに公開された古いサンプルであり、リポジトリ内の ThirdParty/Cesium ディレクトリに古いバージョンの CesiumJS を同梱している。現行のブラウザでは、この同梱された古い CesiumJS が WebGL の初期化に失敗し、3次元オブジェクトが表示されない場合がある点に注意する。表示されない場合は、Cesium を使ってみるで入手した現行の CesiumJS に置き換えて試すとよい。

3次元オブジェクトのファイルの地図への取り込み

NICTA/cesium-simple-photogrammetry を使うと、3次元オブジェクトのファイルを簡単に取り込めることを確認する。

  1. Web ブラウザで次を開く

    https://www.kkaneko.jp/a/cesium-simple-photogrammetry-master/

  2. プログラムはこれだけである。ファイル中に、取り込む 3次元オブジェクトのファイル名が記述されている