3D 地球儀とは？

このツールは Three.js と WebGL を使い、回転・ズーム・探索ができるインタラクティブな地球を描画します。都市を検索し、好きな場所にマーカーを置き、マーカー間の距離を測れます。すべてお使いのデバイスでローカルに動作します。

地球は NASA のブルーマーブル画像をテクスチャに使った WebGL の球体です。ドラッグで回転、ホイールで大陸から街路レベルまでズームし、ドロップダウンの都市をクリックするとカメラがそこへ飛びます。ワンクリックのランドマークボタンで、エッフェル塔・エベレスト・マチュピチュなどの名所に即移動できます。マーカーは緯度経度に固定されたまま回転に追従し、順番どおりに光るアークでつながれ、大圏距離の合計が km とマイルで上部に表示されます。今の画角は PNG として保存できますし、共有リンクをコピーすれば、開いた人が同じマーカー配置の地球をそのまま見られます。

使い方

1. クリックしてドラッグして地球儀を回転させ、スクロールでズームイン・アウトします
2. 地球上の好きな場所をクリックすると、その地点の緯度・経度をラベルにしたマーカーが置かれます。検索を使えば都市へ直接飛べます
3. 座標を入力するか、地球儀の表面をクリックしてカスタムマーカーを追加します

使用するタイミング

• 複数の国をまたぐ旅行の立ち寄り先を可視化し、家族や同行者と共有する。
• 地理の授業で首都や気候帯の位置を一目で見せるためのビジュアル教材を作る。
• 倉庫や代理店の分布図を会議用にざっと描く。

結果

世界一周旅行を計画しており、ルートを可視化したい場合。各目的地都市を検索し、東京、シドニー、ケープタウン、リオデジャネイロにマーカーを追加して、地球儀を回転させて旅程全体のルートを確認します。

よくある質問

都市データや座標はどこから来ていますか?

検索の対象は、ページに同梱された 92 の首都・主要都市リスト（各都市に複数言語の別名つき）と、ワンクリックで飛べるランドマーク 12 件です。カスタムマーカーは任意の緯度・経度を入力できるので、リストにない村にもピンを打てます。

ページ読み込み後、オフラインでも動きますか?

ほぼ動きます。都市リスト、3D エンジン、あなたのマーカーはすべて手元にありますが、地球の画像（ブルーマーブル・地形・夜景）は初回描画時に公開 CDN から取得します。それらがキャッシュされた後は、機内モードでも地球は回り、マーカーの追加も距離計算もできます。

ズームしすぎるとなぜぼやけて見えるのですか?

テクスチャの解像度は約 4K なので、国レベルより寄るとピクセル感が出ます。球体自体は粗くなりませんが、画像が衛星地図ほど街路レベルの細部を持っていないからです。

検索リストにない場所はどう追加しますか?

マーカーパネルを開いて、緯度(北が正、南が負)と経度(東が正、西が負)を入力します。例えば京都は約 35.01、135.77 です。確定するとマーカーが地表に落ち、名前も付けられます。

地球の表示を誰かに共有できますか?

二通りあります。スクリーンショットボタンは今見えている地球をそのまま PNG で保存します。画像サイズは地球ビューの大きさなので、大きく残したいときは先にフルスクリーンにしてください。共有リンクボタンは全マーカーと名称を含む URL をコピーします — 受け取った人が開くと、同じ地球に同じピンが既に置かれていて、すぐにピン間を飛び回れます。

関連ツール