Cesium + Firefox の VR モード

【概要】

Cesium は、3次元の地図を Web ブラウザで表示するための JavaScript ライブラリである。ここでは、Cesium と Firefox の VR モード（WebVR / WebXR）を組み合わせて 3次元地図を立体表示する、先人が公開したソフトウェアを紹介する。

【目次】

【関連する外部ページ】

【サイト内の関連情報】

前準備

Cesium の準備

Firefox の準備

WebVR は廃止された仕様であり、Chrome や Edge など一部の主要なブラウザは後継の WebXR に対応している。ただし Firefox（デスクトップ版）は 2026年7月時点で WebXR を既定ではサポートしておらず、実験的なフラグ（dom.vr.webxr.enabled）を有効にした場合に限り動作する。以下で紹介する workingDog/webvrtest は旧 WebVR 時代のサンプルであり、古い Cesium と古い Firefox を前提に作られている。加えて、サンプル内で参照している地形配信サーバ（assets.agi.com）は提供が終了している。これらの理由により、現行の Cesium・Firefox でそのまま動作しない場合がある点に注意する。

workingDog/webvrtest の設定手順

  1. GitHub の workingDog/webvrtest の Web ページを開く

    https://github.com/workingDog/webvrtest

  2. 「Code」ボタンを展開し、「Download ZIP」をクリックする
  3. .zip ファイルのダウンロードが始まるので確認する
  4. ダウンロードした .zip ファイルを展開（解凍）する
    Windows での展開（解凍）に便利な 7-Zip: 別ページ »で説明
  5. 展開してできた HTML ファイル testwebvr.html を、Cesium サーバの Apps ディレクトリの下に置く
  6. 必要に応じてファイルを編集する。参照する Cesium のパスや ion アクセストークンなど、現行の Cesium に合わせて書き換える箇所がある

Firefox の VR 機能で Cesium の地図を見る