ライブの航空機・船舶・衛星・地震などを、音声操作で探索できるオープンソースの3D地球儀
CesiumGS/cesium
プラグイン不要で、WebGLを使ってブラウザー上にインタラクティブな3D地球儀や2D地図を描画するJavaScriptライブラリです。
代替できる製品:Google Earth
- スター
- 15,862
- フォーク
- 3,890
- 未解決の Issue
- 1,740
- 最終コミット
- 14 時間前
これは何?
CesiumJSは、プラグインを使わずにWebブラウザー上で動作する3D地球儀や2D地図を構築できるJavaScriptライブラリです。WebGLによるハードウェアアクセラレーション対応の描画を利用し、高精度なWGS84地球儀上で動的データを可視化する用途を想定して設計されています。
オープンなフォーマットを基盤とし、大規模なデータセットにも対応できるよう設計されています。Cesium ion(商用ホスティングプラットフォーム)や、オープン標準を使ったその他のオフライン・オンラインソースから、3D Tiles、地形、画像データをストリーミングできます。コアはcesium npmパッケージとして配布されており、依存関係をより細かく管理できるスコープ付きパッケージ@cesium/engineと@cesium/widgetsも利用できます。また、Webpack、Parcel、Rollupなど一般的なモジュールバンドラーを通じたtree shakingにも対応しています。
CesiumJSはApache 2.0ライセンスで公開されており、商用・非商用を問わず無料で利用できます。バンドラーを使用しないプロジェクト向けに、ビルド済みのダウンロード版も用意されています。
主な機能
- 01プラグイン不要で、WebGLを使ってブラウザー上に3D地球儀や2D地図を描画します。
- 02Cesium ionやその他のソースから、3D Tilesをはじめとする標準的な地理空間フォーマットのデータをストリーミングします。
- 03地理空間データの可視化・分析に使える、高精度なWGS84地球儀を提供します。
- 04モジュール化されたnpmパッケージを通じてtree shakingに対応し、アプリケーションのバンドルサイズを小さくできます。
- 05デスクトップとモバイルのブラウザーで動作します。
ユースケース
- 3D地形、画像データ、都市モデルを表示するWebアプリケーションの構築。
- 車両や衛星など、リアルタイムまたは時間とともに変化する地理空間データの可視化。
- ブラウザープラグインなしで動作する、インタラクティブな2D・3D地図インターフェースの作成。
クイックスタート
- 1
cesium npm パッケージをインストールします
npm install cesium --save - 2
アプリのコードで Viewer とその CSS をインポートします
- 3
コンテナ要素に紐づけたビューアを作成します
使う前に知っておきたいこと
- ストリーミングでプレミアムな地形、画像、3D Tiles コンテンツを利用するには、商用サブスクリプションサービスの Cesium ion アカウントを使うのが最適です。
トピック
よくある質問
- cesium とは?
- プラグイン不要で、WebGLを使ってブラウザー上にインタラクティブな3D地球儀や2D地図を描画するJavaScriptライブラリです。 CesiumJSは、プラグインを使わずにWebブラウザー上で動作する3D地球儀や2D地図を構築できるJavaScriptライブラリです。WebGLによるハードウェアアクセラレーション対応の描画を利用し、高精度なWGS84地球儀上で動的データを可視化する用途を想定して設計されています。
- cesium は無料で使えますか?ライセンスは?
- cesium は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- cesium は今もメンテナンスされていますか?
- 活発にメンテナンス中。cesium の最終コミットは 2026年10月20日 です。
- cesium は何に使えますか?
- 3D地形、画像データ、都市モデルを表示するWebアプリケーションの構築。 車両や衛星など、リアルタイムまたは時間とともに変化する地理空間データの可視化。 ブラウザープラグインなしで動作する、インタラクティブな2D・3D地図インターフェースの作成。
- cesium のインストール方法は?
- cesium npm パッケージをインストールします: npm install cesium --save アプリのコードで Viewer とその CSS をインポートします コンテナ要素に紐づけたビューアを作成します
- cesium はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/CesiumGS/cesium
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
あらゆるソースのタイル、ベクターデータ、マーカーを表示する高性能なインタラクティブWebマップ用JavaScriptライブラリ。
WebGLとWebGPUを使ったブラウザー上の3Dシーンの作成・描画を容易にするJavaScript 3Dライブラリ。
react-three-fiberで3Dシーンを構築するための、すぐに使えるReact用ヘルパーコンポーネントとフックのコレクションです。
Rapier WASM物理エンジンをReactにバインディングし、剛体、コライダー、ジョイントをreact-three-fiberのシーンに組み込めます。
react-three-fiberのシーンに、JSXコンポーネントとして宣言的にポストプロセスエフェクトを適用できる、postprocessingライブラリのReactラッパーです。