什么是3D 地球仪？
本工具使用Three.js和WebGL渲染一个可交互的地球模型，支持旋转、缩放和探索。点击查看各国、缩放到特定区域，在任意位置放置自定义标记。所有操作均在本地运行。
地球是一个 WebGL 球体,贴的是 NASA 蓝色弹珠卫星图。拖动旋转,滚轮缩放,从看整个大洲一路放大到城市级别。下拉框里点城市,镜头会飞过去。一键地标按钮可以直接跳到埃菲尔铁塔、珠穆朗玛峰、马丘比丘等知名景点。标记会跟着经纬度固定,旋转地球时不会跑。点之间用发光弧线连成路径,顶部会显示按公里和英里计算的总大圆距离。可以把视角截图保存为 PNG,也可以复制一个分享链接 —— 别人打开就能看到一模一样的地球和所有标记。
使用方法
- 点击并拖拽以旋转地球，滚动鼠标滚轮以缩放
- 点击任意国家查看其名称，或使用搜索功能查找特定地点
- 通过输入坐标或点击地球表面来添加自定义标记
何时使用
- 把跨国旅行的停留点画出来,方便和家人或同行的人对路线。
- 地理课上做演示图,把首都或气候带的位置直观展示给学生。
- 在会上快速搭一张仓库或经销商分布图,谁在哪里一目了然。
结果
您正在规划一次环球旅行，想将路线可视化。搜索每个目的地城市，在东京、悉尼、开普敦和里约热内卢分别放置标记，旋转地球即可纵览完整旅程路线。
常见问题
- 城市数据和坐标是从哪来的?
- 城市来自一份离线数据库,包含全球约 3000 个首都和主要都市,直接打包在页面里。自定义标记接受你手动输入的任意经纬度,所以即便是小村庄,也可以自己点上去。
- 页面加载后没网还能用吗?
- 可以。地球贴图、城市数据库、3D 引擎都在初次加载时取下来,之后从浏览器缓存运行。把手机切到飞行模式,地球依然能转,新加的标记也能正常显示。
- 为什么放到很近时地图变模糊?
- 贴图分辨率大约 4K,放大到单个国家以下的级别就会开始像素化。球体本身没变粗糙,只是图像数据不像专业卫星地图那么详细,看不到街道层级。
- 怎么添加搜索里找不到的地点?
- 打开标记面板,输入纬度(北为正,南为负)和经度(东为正,西为负)。例如成都大致是 30.67、104.07。点添加之后标记会落在球面上,你还能给它起名字。
- 可以把地球画面分享给别人吗?
- 两种方式。截图按钮会把当前视角导出为 PNG,分辨率跟你的屏幕一致。分享链接按钮会把所有标记和名称编码进一个网址 —— 别人打开后看到的是同一个地球,所有标记都已经在原位,可以直接在它们之间飞。