🌌 宇宙の大きさ体感マップ集

太陽系から銀河系外まで、宇宙の広大さを体感しよう

地図や金額という身近な概念を使って、太陽系から銀河系外までの膨大な距離やサイズを直感的に理解できる5つのインタラクティブシミュレーター

🌍

太陽系大きさ体感マップ

地球の直径を指定して、太陽系の惑星軌道を同じ縮尺で地図上に表示。冥王星まで、そしてその先のカイパーベルトやオールトの雲まで。

対象: 太陽系内の8惑星 + 冥王星
縮尺: 地球の直径(cm単位)
初期値: 地球直径 1.3cm

恒星間距離体感マップ

太陽から近傍の恒星までの距離を地図上に縮尺表示。シリウス、ベガ、ベテルギウスなど、主要な恒星までの途方もない距離を実感。

対象: 20以上の主要恒星
縮尺: 1光年を何kmで表示するか
初期値: 1光年 = 100km
☀️

恒星サイズ比較マップ

太陽と他の恒星の大きさを比較。ベテルギウスやアンタレスなど、超巨星の圧倒的なサイズを地図上で視覚化。

対象: 太陽 + 巨大恒星たち
縮尺: 太陽の直径(メートル単位)
初期値: 太陽直径 100m
🌌

銀河系大きさ体感マップ

銀河系の大きさと近傍銀河までの距離を地図上に表示。アンドロメダ銀河、マゼラン雲など、銀河間の宇宙空間を体感。

対象: 銀河系 + 近傍銀河・銀河団
縮尺: 銀河系の直径を何kmで表示するか
初期値: 銀河系直径 100km
💴

宇宙距離金額換算シミュレーター

宇宙の距離を「お金」に換算!「1km = 1円」または「1光年 = 1円」モードで、宇宙のスケールを日本円で理解。

対象: 地球周辺〜銀河系外
モード: kmモード / 光年モード
表示: グラフ + ビジュアル表現

💡 主な共通機能

🗺️ 地図機能

OpenStreetMapと地理院地図(標準/淡色/白地図/衛星写真)の切り替え対応

🎯 インタラクティブ

中心点をドラッグ移動、ズーム・パン操作、リアルタイム描画更新

📊 詳細情報

各オブジェクトのポップアップ、凡例パネル、範囲外リスト表示

⛶ 全画面対応

全画面モード切り替え、パネル折りたたみ機能搭載

🎨 主な機能

🔧 技術仕様

使用技術

MapLibre GL JS v5.0.0 Turf.js v6.5.0 Chart.js v4.4.0 Vanilla JavaScript HTML5 CSS3

データソース

📖 使い方

基本操作(地図ベースシミュレーター)

  1. お好きなシミュレーターをクリックして開く
  2. コントロールパネルで縮尺を入力
  3. 「描画更新」ボタンをクリック
  4. 中心マーカー(太陽/銀河系)をドラッグして位置を変更
  5. オブジェクトをクリックして詳細情報を表示
  6. 背景地図をドロップダウンから選択
  7. 地図をドラッグ・ズームして自由に閲覧

金額換算シミュレーター

  1. シミュレーターを開く
  2. 「kmモード」または「光年モード」を選択
  3. グラフとビジュアル表現で金額を比較
  4. スクロールで全データを閲覧

🌟 開発背景

宇宙のスケール感は、数字だけでは実感しにくいものです。「太陽から地球まで1億5000万km」「シリウスまで8.6光年」と言われても、その膨大さをイメージするのは困難です。

このプロジェクトは、地図金額という身近な概念を使って、太陽系から銀河系外までの距離やサイズを直感的に理解できるようにすることを目的としています。

5つのシミュレーターは独立して動作し、それぞれ異なるスケールの宇宙を体感できます。地球の大きさから銀河間の距離まで、段階的に宇宙の広大さを実感してください。

💻 ブラウザ要件