历史教育学习工具

时空疆域
交互式历史疆域学习地图

面向中学生与历史爱好者的网页版历史学习辅助工具。在可旋转的交互地球仪上,通过时间轴直观查看人类历史上各个帝国的疆域变迁与兴衰历程

赛道 学习工作
附加 古籍活化工具
形态 Web 学习辅助页面

创意名称与介绍

我们想解决什么问题

中学历史课本和世界史教材中,各个朝代的疆域变化永远以静态平面插图呈现。学生背诵"罗马帝国地跨欧亚非"时,脑海里没有空间概念;学到"蒙古帝国鼎盛时期"时,完全无法直观感受它究竟占据了地球表面多大的范围。现有历史地图工具(如 GeaCron)虽然数据详尽,但均为 2D 平面展示,不适合课堂演示和自学场景。传统的纸质历史地图集翻页麻烦、无法动态对比,已难以满足当代学生的学习习惯。

灵感来源

在博物馆看到古代疆域沙盘时意识到:如果能在地球仪上直接看到秦朝郡县、罗马行省、蒙古汗国的版图变迁,历史课会变得多么生动。课本上的文字描述一旦配上可交互的地球模型,抽象的年代和国名立刻变成了看得见、摸得着的空间记忆。这正是"时空疆域"诞生的初衷——做一本"活"的历史地图册,让历史学习从死记硬背变成空间探索

"时空疆域"是一个面向中学生与历史爱好者的网页版历史学习辅助工具。用户在可旋转、可缩放的交互地球仪上,通过调节时间轴查看从公元前 3000 年至当代的全球政治格局演变,涵盖罗马、秦汉、蒙古、大英等代表性帝国的疆域变迁,配套基础知识卡片辅助记忆。

目标用户及痛点

🎓

中学生与大学生

学习世界历史、中国史、国际关系时,缺乏直观的空间参照系。死记硬背朝代起止时间,却无法建立"同时代全球发生了什么"的宏观视角。

🏛

历史爱好者与科普读者

阅读历史书籍时频繁翻阅附录地图,不同书籍的地图投影和比例尺不一致,难以在脑中拼接出连续的世界图景。

🎯

教师与教育工作者

课堂展示历史疆域变化时,只能播放 PPT 静态切换,缺乏能抓住学生注意力的动态、沉浸式教学工具。

核心使用场景

价值与意义

教育价值 —— 让历史从"背诵"变成"看见"

教育心理学研究表明,空间可视化能显著提升学生对复杂历史信息的记忆与理解效率。将课本中抽象的朝代名称转化为可交互的疆域地图,学生能直观回答"秦朝和罗马是否同时存在""蒙古帝国究竟有多庞大"等问题,从而建立真正的全球史观,告别死记硬背。

社会公益价值 —— 降低历史知识获取门槛

本项目完全免费开放,浏览器即可访问,无需下载安装。对于教育资源匮乏地区的师生,这意味着他们能零成本获得一个专业级的历史地理教学辅助工具。此外,项目的"古籍活化"属性在于:将传统的纸质历史地图集(古籍的一种形态)转化为现代数字交互媒介,让沉淀在典籍中的疆域知识重新流动起来,服务于当代历史教育。

创新价值 —— 填补历史教育工具的市场空白

经过系统调研,目前全球没有任何成熟的教育产品将"交互地球仪 + 历史疆域时序展示"结合起来服务于历史学习。GeaCron、OpenHistoricalMap 等主流项目均为面向研究者的 2D 平面地图,而非面向学生的教育工具。这一市场空白意味着"时空疆域"具有明确的差异化定位和教育创新价值。

核心功能亮点

🌎

交互式地球仪

基于 Web 图形技术构建的可旋转地球仪模型,支持鼠标旋转、缩放、拖拽。帝国疆域以彩色多边形叠加在地球表面,疆域范围一目了然,适合课堂投影演示和学生自主探索。

智能分级时间轴

古代(前3000–1500年)每 10–50 年一帧,近现代(1500年至今)逐年展示。关键历史事件年份作为"锚点"自动标记在时间轴上,支持播放/暂停动画。

📈

面积动态排行条

侧边栏实时显示当前年份所有存活帝国的面积横向柱状图,随时间轴拖动动态更新。一眼看出"谁在崛起、谁在衰落"。

📌

帝国兴衰生命线

时间轴下方用彩色线段标示每个帝国的存续区间,线段颜色代表文化圈(东方/西方/伊斯兰),直观展示哪些帝国曾同时并存。

🚀

穿越模式

选择一座历史名城(如长安、罗马、君士坦丁堡),地球自动旋转聚焦到该城市,并显示它在不同年代的归属帝国与名称变化。

📚

历史知识侧边栏

点击任一帝国,弹出该帝国的存续时间、鼎盛面积、著名统治者、典型事件与治国手段等基础知识卡片,数据来源为 Wikidata 权威知识库。

首批覆盖的代表性帝国

🏹 罗马帝国 🐉 秦汉帝国 🏇 蒙古帝国 👑 大英帝国 ⚔ 拜占庭帝国 🔭 阿拉伯帝国 🏰 奥斯曼帝国 🐲 唐帝国 ⚰ 波斯帝国 ⚽ 阿拔斯帝国

技术方案简述

本项目采用纯前端技术栈,零后端依赖,浏览器即可直接运行,部署在 Vercel/Netlify 静态托管平台。

⚙ 渲染引擎

Three.js + three-globe 插件,内建 GeoJSON 多边形叠加能力,支持多边形拉伸高度、颜色渐变与过渡动画。

📐 数据层

GeoJSON 疆域数据(手动绘制关键年份边界)+ Wikidata SPARQL 查询(帝国元数据:面积、起止时间、统治者)。

💻 前端框架

React + Vite 构建,Tailwind CSS 样式系统,ECharts 面积排行图表,自研时间轴与侧边栏组件。

实现可行性

本项目采用成熟的开源教育可视化技术栈,前端渲染库已提供直接加载 GeoJSON 疆域多边形的官方示例。技术方案完全可行,且无需后端服务器,部署成本低。主要工作量在于历史疆域教学数据的整理,为此我们采用"古代粗略、近现代精细"的分级教学策略,仅聚焦 10 个核心帝国的关键年份边界,确保在参赛周期内可完成。

开发时间规划

第 1–2 天

数据准备:确定帝国列表,收集/绘制关键年份 GeoJSON 边界,抓取 Wikidata 元数据

第 3–5 天

核心开发:3D 地球渲染 + 时间轴组件 + GeoJSON 叠加 + 基础交互

第 6–8 天

功能联调:侧边栏知识卡片 + 面积排行条 + 帝国生命线 + 穿越模式

第 9–10 天

测试优化:性能调优、跨浏览器适配、移动端降级、部署上线

预估总工时:65–75 小时,全职投入约 7–8 天。初赛截止 7 月 15 日,时间紧凑但完全可行。若历史教学数据整理遇阻,将优先保证交互地球仪 + 时间轴 + 疆域展示的核心学习体验,其余功能作为后续迭代。