プラグイン不要で、WebGLを使ってブラウザー上にインタラクティブな3D地球儀や2D地図を描画するJavaScriptライブラリです。
maplibre/navara
衛星画像、地形、3D都市モデル、ベクターデータなどのGISデータをインタラクティブな地球儀にストリーミングする、ヘッドレスコアの3Dマップエンジン。
代替できる製品:Google Earth
- スター
- 450
- フォーク
- 50
- 未解決の Issue
- 38
- 最終コミット
- 13 時間前
これは何?
Navaraは、インタラクティブな地球儀アプリケーションを構築するための3Dマップエンジンです。衛星画像、地形、3D都市モデル、ベクターデータなどのGISデータをストリーミングし、可視化用のベースマップとして表示したり、属性に応じて地物のスタイルを設定したり、大気、日光、影を備えたフォトリアルなシーンを構築したりできます。
APIは4つの階層で構成されています。ソースやレイヤーを設定オブジェクトで定義する宣言型の階層、一人称視点での歩行やDOMオーバーレイなどの既成機能を提供するプラグイン階層、属性ベースの地物スタイリング、ピッキング、地形サンプリング、カメラ制御を行うAPI階層、そしてカスタムシェーダーやレンダリング効果を扱うシェーダー階層です。まずはシンプルに始め、必要に応じて低レベルの階層へ進められます。
GISコアはヘッドレスで、レンダラーから独立しています。データの解析とジオメトリの構築はRustで実装され、WebAssemblyにコンパイルされます。一方、描画は現在Three.jsに委ねられており、レンダリング層を差し替えられる設計です。
主な機能
- 01衛星画像、地形、3D Tiles、ベクターデータを3D地球儀にストリーミングします。
- 02宣言型の設定からカスタムシェーダーまでを備えた4階層のAPI。
- 03属性に基づく地物ごとのスタイリングと、地物のピッキング。
- 04単体で使える測地系およびECEFの数学ユーティリティ。
- 05GISのロジックはRustとWebAssemblyで実装し、レンダリングにはThree.jsを使用。
ユースケース
- 3D地球儀上での地理空間データセットの可視化。
- 地形や3D建物モデルを使った、フォトリアルな都市シーンの構築。
- 独自のシェーダーを使い、GISデータにカスタムのレンダリング効果を追加。
- 地球儀ベースのWebアプリに、インタラクティブな地物のスタイリングとピッキングを追加。
クイックスタート
- 1
Rust(stable)、Node.js(LTS)、pnpmをインストールする
- 2
cargo-makeをインストールする
cargo install cargo-make - 3
初期セットアップを実行する
cargo make prepare - 4
ホットリロード対応の開発サーバーを起動する
cargo make dev
使う前に知っておきたいこと
- ソースからビルドするにはRust、Node.js、pnpm、wasm-bindgen-cliが必要で、ツールチェーンが大掛かりです。
- 初回の開発実行では、WASMのビルドが完了してページを再読み込みするまで、ブラウザーにエラーが表示されます。
トピック
よくある質問
- navara とは?
- 衛星画像、地形、3D都市モデル、ベクターデータなどのGISデータをインタラクティブな地球儀にストリーミングする、ヘッドレスコアの3Dマップエンジン。 Navaraは、インタラクティブな地球儀アプリケーションを構築するための3Dマップエンジンです。衛星画像、地形、3D都市モデル、ベクターデータなどのGISデータをストリーミングし、可視化用のベースマップとして表示したり、属性に応じて地物のスタイルを設定したり、大気、日光、影を備えたフォトリアルなシーンを構築したりできます。
- navara は無料で使えますか?ライセンスは?
- navara は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- navara は今もメンテナンスされていますか?
- 活発にメンテナンス中。navara の最終コミットは 2026年11月6日 です。
- navara は何に使えますか?
- 3D地球儀上での地理空間データセットの可視化。 地形や3D建物モデルを使った、フォトリアルな都市シーンの構築。 独自のシェーダーを使い、GISデータにカスタムのレンダリング効果を追加。 地球儀ベースのWebアプリに、インタラクティブな地物のスタイリングとピッキングを追加。
- navara のインストール方法は?
- Rust(stable)、Node.js(LTS)、pnpmをインストールする cargo-makeをインストールする: cargo install cargo-make 初期セットアップを実行する: cargo make prepare ホットリロード対応の開発サーバーを起動する: cargo make dev
- navara はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/maplibre/navara
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
ライブの航空機・船舶・衛星・地震などを、音声操作で探索できるオープンソースの3D地球儀
LAS、LAZ、CSVの点群データをGLB出力の3D Tiles 1.1に変換するRust製CLIです。
ブラウザー、デスクトップ、モバイル、Jupyterで動作し、地理空間データの可視化と分析に使える軽量なクラウドネイティブGISプラットフォーム。
C依存なしでラスター、ベクター、点群の地理空間データを読み書き・変換できる、純Rust製ライブラリとCLI。
WebGPUとWebGL2に対応し、大規模モデル向けのストリーミングLODを備えた、3D Gaussian Splattingシーン用のThree.jsレンダラー。