托尔金中土世界的交互式地图
文章摘要
这是一个由开发者 frasermarlow 创建的 Show HN 项目——一张托尔金中土世界的交互式地图，将整个传说世界（legendarium）中的事件以标记点的形式绘制在地图上。作者在美国航空公司东西海岸之间的频繁通勤中，利用机上免费 WiFi 通过”氛围编程”（vibe-coding）完成了这个项目。
该地图基于 Leaflet.js 地图库构建，提供了多个引人注目的功能：用户可以在地图上追踪《霍比特人》和《指环王》中主要角色的旅程路线；通过时间线功能按时间顺序浏览事件；缩放高清地图以探索托尔金传说中许多偏离主线剧情的角落；使用”测量距离”功能查看地图上各地点之间的实际距离。
技术实现方面，地图瓦片（tiles）使用 Python 脚本从源图像预生成，将大地图切割为 256x256 像素的 JPEG 瓦片，分三个缩放级别。Leaflet 通过 zoomOffset 参数加载瓦片，在原生缩放范围之外自动进行缩放。特别值得一提的是，项目还包含一个”卫星视图”功能，通过 Stable Diffusion 的 img2img 功能生成——脚本将缩放级别2的瓦片拼合成完整图像，通过 SD 处理 512x512 的重叠图块，混合后再切割回瓦片金字塔。
作者特别强调，地图上的内容严格遵循书籍叙事，没有包含彼得·杰克逊电影版的诸多改编内容。项目的完整源代码已在 GitHub 上开源。作者表示，如果有足够的需求，可能会为《冰与火之歌》（权力的游戏）制作类似的地图。
值得注意的是，这个项目展示了大语言模型（LLM）对托尔金作品的深厚知识储备——作者惊叹于 LLM 对托尔金传说细节的了解程度，这使得探索传说中的各种角落变得充满乐趣。这也是”AI辅助编程”在创意项目中的一个有趣应用案例。
HN 评论精华
1. frasermarlow（作者）- 技术实现细节
作者在评论区详细解释了瓦片系统的技术实现：基于 Leaflet.js，使用 Python 脚本（generate_tiles.py）将源图像切割为 256x256 的 JPEG 瓦片，分三个缩放级别生成。Leaflet 通过 zoomOffset: 2 参数加载。卫星视图瓦片则由 generate_sat_ai.py 使用 Stable Diffusion img2img 生成——将缩放级别2的瓦片拼合成完整图像，处理 512x512 重叠图块后再切回瓦片金字塔。完整代码已在 GitHub 开源（frasermarlow/middle-earth-map）。
2. xg15 - 详细的反馈与改进建议
这位显然是托尔金资深读者的评论者提供了极为细致的反馈。他指出一些标记点位置不准确（如 Cirith Ungol 应该在 Minas Morgul 正上方，Henneth Annun 应该更靠近河岸）。他还注意到标记点的语义存在混合——至少包含三种类别：书籍情节线、历史事件和地点描述。他建议对结构进行优化，例如为每个地点设置一个标记，其中包含事件和情节线的子部分。他还建议尝试更多不同的底图（如书中的地图），因为当前地图缺少大部分道路。他认为最高成就是整合 Karen Wynn Fonstad 的《中土世界地图集》中的高分辨率地图，但版权问题可能使这不可行。他提出卫星视图可以作为一个有趣的 LLM 基准测试。
3. aquir - 关于时代准确性的质疑
评论者指出这实际上是第三纪元的中土世界地图。在第一和第二纪元，中土世界的地貌截然不同（例如贝尔兰大陆在第一纪元末沉入大海），因此在这张地图上展示《精灵宝钻》中的事件会造成混淆。
4. starkparker - 推荐类似项目
评论者推荐了 LotrProject（lotrproject.com），这是另一个包含多个交互式地图和可视化的网站，包括家族树、远征队旅程的时间/距离图表、贝尔兰和中土世界的地图、历史时间线地图以及中土世界居民的人口统计等。可惜该项目似乎近期未得到维护。
5. topherjaynes - 幽默致敬
“你不能简单地通过氛围编程进入魔多！”——这句改编自电影经典台词的幽默评论获得了大量认同，随后补充说”但认真地说，我很喜欢这个项目”。