跳到主要内容
演员
演员@zaidu9528@gmail.com
10-21 13:20...

【开源自荐】江山时序:浏览器里的中国历史宣纸交互舆图(支持点城溯源 18 朝与百位古人行迹)

帖子正文与玩家讨论内容

发现频道webDeanChensj

(Shangjie Chen)

2026 年10 月 21 日 05:20

1

软件名称

江山时序(Chronicles of the Realm)

一句简介

一幅打开浏览器就能拖动 2400 年时间轴、点击古城查 18 朝沿革、跟着百余位古人重走万里路的宣纸设色中国历史交互地图。

应用平台

Web(电脑 / 平板 / 手机浏览器即开即用,亦支持克隆仓库本地离线运行)

推荐类型

【开发者自荐】

是否收费

完全免费、开源(MIT 协议),无需注册登录,无任何广告。

应用简介

每次读《资治通鉴》《史记》或唐宋诗词时,总希望能有一张真正可以上手互动的历史地图——不用在几百页静态 PDF 地图集里来回翻找,就能直观看到历代疆域如何变迁,或者查清建康、长安、赤壁、蓝关这些古地名在今天的位置。

参考谭其骧《中国历史地图集》与哈佛 CHGIS 史地数据集,我用纯原生 JS(零第三方框架依赖)制作了这幅宣纸设色风格的交互古地图:

江山时序 15 秒实机演示
  • 拖动时间轴看 2400 年江山分合:覆盖公元前 403 年(三家分晋)至今 18 个历史时期,同屏展示战国七雄、三国群雄、东晋南北朝侨州郡县与宋辽金夏对峙。切换节点时会自动浮现上一阶段的「朱砂虚线残影」,开疆与失地一目了然;底部同步显示当朝在位帝王与年号,开启顶部「透视镜」可直接在古舆图上叠加现代省界。
  • 点地溯源(查任意古城或名关的两千年身世):点击地图任意古城、汉阙雄关(函谷关、潼关、剑门关、玉门关等)或古战场(赤壁、五丈原等),即刻展开该地跨越 18 朝的名称与州郡沿革及定点史事,点击事件直接穿越回那一年。
  • 点人溯事(重走 104 位历史人物万里路):在左上角搜索框输入秦始皇、霍去病、张骞、司马迁、曹操、诸葛亮、玄奘、李白、苏轼、岳飞、郑和、王阳明等人物,即可在版图上以朱砂飞白弧线逐站演进其一生行迹与当地诗文原句。
  • 古地名小试 & 古琴雅乐:内置隐去所有城池标签、凭当朝掌故线索盲猜扎针的寻址小测试(按球面距离计分授官),支持中英双语一键切换与公版古琴背景乐。

官方网站

5 个赞

[发现频道:10款大家发现的好评软件[2026年第43期]](https://meta.appinn.net/t/topic/94480)

talentldk

(Talentldk)

2026 年10 月 26 日 01:39

2

虽然点击加载有一点点看,不过这个很有意思,我一定要跟我的小孩一起学习一下

buliugu

(n0name)

2026 年10 月 26 日 01:57

3

大赞!

1 个赞

FeelAlive

(FeelAlive)

2026 年10 月 26 日 02:10

4

太好了~太实用了,最近正好对历史感兴趣,这个好棒

1 个赞

a523084467

(销锋镝铸)

2026 年10 月 26 日 05:09

5

@@ACBOX_MD_TOKEN_1@@ image733×211 21.4 KB

非常棒!希望事件中的人名、地名都能点击

DeanChensj

(Shangjie Chen)

2026 年10 月 26 日 05:47

6

这个我在一点点优化,感谢反馈

DeanChensj

(Shangjie Chen)

2026 年10 月 26 日 05:47

7

我考虑过这个方案,但是加超链接的话会产生很多视觉杂音,并且大部分人物事件不多,部分事件人物太多,然后移动端太容易误触了,所以只做了人物搜索。

a523084467

(销锋镝铸)

2026 年10 月 26 日 06:01

8

可以这样:在这个条目中第一次出现时下划虚线,移动端点击后弹出概览小窗,桌面端则鼠标划过就显示小窗

flintt

2026 年10 月 26 日 06:10

9

牛啊,打包一下,卖给历史博物馆

DeanChensj

(Shangjie Chen)

2026 年10 月 26 日 06:14

10

嗯 还是有类似的问题,所以我不太考虑加这个功能了,我觉得收益小于风险,不过感谢建议哈。另外地名本身就是可以点击的。

1 个赞

DeanChensj

(Shangjie Chen)

2026 年10 月 26 日 08:01

11

哈哈哈,那还差得远

0

评论区

0 条互动
ME
支持评论与楼中楼回复

暂无评论