3D 地球儀とは？
このツールはThree.jsとWebGLを使い、回転・ズーム・探索が可能なインタラクティブな地球を描画します。国をクリックしたり、地域にズームしたり、好きな場所にカスタムマーカーを配置できます。すべてお使いのデバイスでローカルに動作します。
地球は NASA のブルーマーブル画像をテクスチャに使った WebGL の球体です。ドラッグで回転、ホイールで大陸から街路レベルまでズームし、ドロップダウンの都市をクリックするとカメラがそこへ飛びます。ワンクリックのランドマークボタンで、エッフェル塔・エベレスト・マチュピチュなどの名所に即移動できます。マーカーは緯度経度に固定されたまま回転に追従し、順番どおりに光るアークでつながれ、大圏距離の合計が km とマイルで上部に表示されます。今の画角は PNG として保存できますし、共有リンクをコピーすれば、開いた人が同じマーカー配置の地球をそのまま見られます。
使い方
- クリックしてドラッグして地球儀を回転させ、スクロールでズームイン・アウトします
- 任意の国をクリックして名前を表示するか、検索を使用して特定の場所を見つけます
- 座標を入力するか、地球儀の表面をクリックしてカスタムマーカーを追加します
使用するタイミング
- 複数の国をまたぐ旅行の立ち寄り先を可視化し、家族や同行者と共有する。
- 地理の授業で首都や気候帯の位置を一目で見せるためのビジュアル教材を作る。
- 倉庫や代理店の分布図を会議用にざっと描く。
結果
世界一周旅行を計画しており、ルートを可視化したい場合。各目的地都市を検索し、東京、シドニー、ケープタウン、リオデジャネイロにマーカーを追加して、地球儀を回転させて旅程全体のルートを確認します。
よくある質問
- 都市データや座標はどこから来ていますか?
- 都市は約 3000 の首都・主要都市を集めたオフラインデータベースから読み込みます。これはページ内に同梱されています。カスタムマーカーは任意の緯度・経度を入力できるので、リストにない村にもピンを打てます。
- ページ読み込み後、オフラインでも動きますか?
- 動きます。テクスチャ、都市データベース、3D エンジンはすべて最初の読み込みで取得され、その後はキャッシュから動きます。スマホを機内モードに切り替えても地球は回り、新しいマーカーも追加できます。
- ズームしすぎるとなぜぼやけて見えるのですか?
- テクスチャの解像度は約 4K なので、国レベルより寄るとピクセル感が出ます。球体自体は粗くなりませんが、画像が衛星地図ほど街路レベルの細部を持っていないからです。
- 検索リストにない場所はどう追加しますか?
- マーカーパネルを開いて、緯度(北が正、南が負)と経度(東が正、西が負)を入力します。例えば京都は約 35.01、135.77 です。確定するとマーカーが地表に落ち、名前も付けられます。
- 地球の表示を誰かに共有できますか?
- 二通りあります。スクリーンショットボタンは現在のカメラ角度を画面解像度どおりの PNG として保存します。共有リンクボタンは全マーカーと名称を含む URL をコピーします — 受け取った人が開くと、同じ地球に同じピンが既に置かれていて、すぐにピン間を飛び回れます。