这是一个基于Web的太阳系行星距离模拟器,允许用户在地图上通过点击来模拟太阳系中行星间的相对距离。使用OpenStreetMap作为基础地图。
-
距离模拟
- 在地图上点击两个点来模拟太阳和地球的位置
- 自动计算两点之间的实际距离
- 根据真实的太阳系比例显示其他行星的位置
-
行星显示控制
- 可选择显示/隐藏特定行星
- 支持一键全选/取消全选
- 实时更新行星位置显示
-
信息显示
- 显示每个天体的具体坐标
- 显示行星与太阳的实际距离
- 显示按比例换算后的模拟距离
-
放置天体
- 第一次点击地图放置太阳
- 第二次点击放置地球
- 其他行星位置会自动根据比例计算并显示
-
控制显示
- 使用右上角的控制面板选择要显示的行星
- 使用"清除所有点"按钮重新开始模拟
-
查看信息
- 点击天体标记可以查看详细信息
- 底部信息栏显示当前模拟的比例距离
-
天体标记层级控制
- 点击天体标记时会显示在最上层
- 再次点击恢复原始层级
- 方便查看被遮挡的天体标记信息
- 使用 Leaflet.js 实现地图功能
- 使用 HTML5 + CSS3 构建用户界面
- 使用原生 JavaScript 实现交互逻辑
- 使用 OpenStreetMap 提供地图服务
- 需要互联网连接以加载地图
- 建议使用现代浏览器(Chrome、Firefox、Safari、Edge等)
- 比例尺是根据地图上选择的两点距离自动计算的
- 行星位置是根据其与太阳的平均距离计算的
本项目是一个开源的教育工具,欢迎贡献代码或提出建议。
使用 OpenStreetMap 数据需遵守其版权声明。