朝圣之路

项目简介

朝圣之路是一个交互式网页应用,记录了从法国Saint-Jean-Pied-de-Port到西班牙Santiago de Compostela,再到”大地尽头”Cape Finisterre的33天朝圣之旅。项目采用现代化设计,结合了Leaflet交互式地图,为用户提供沉浸式的朝圣体验回顾。

朝圣数据

  • 起点: Saint-Jean-Pied-de-Port (法国)
  • 终点: Cape Finisterre (西班牙,”大地尽头”)
  • 总天数: 33天
  • 总距离: 893公里
  • 日均距离: 27公里
  • 途径国家: 法国、西班牙

技术栈

  • 地图库: Leaflet.js - 轻量级开源地图库
  • 地图数据: OpenStreetMap - 免费开源地图数据
  • 样式: 原生CSS - 渐变背景、Flexbox/Grid布局
  • 交互: 原生JavaScript - 无框架依赖

功能特点

  • 交互式地图: 可缩放、可点击的Leaflet地图,显示完整朝圣路线
  • 33天完整记录: 每天一张精选照片,记录朝圣路上的点点滴滴
  • 实时统计: 显示总天数、总距离、日均距离等关键数据
  • 时间线展示: 垂直时间线布局,清晰展示每日行程
  • 全屏查看: 点击照片可全屏查看,提供更好的浏览体验
  • 响应式设计: 适配各种屏幕尺寸
  • 离线可用: 除地图功能外,其他内容可离线访问

每日主题

朝圣路上每天都有独特的主题和感悟:

  • Day 1: Birthday Happy - 生日快乐
  • Day 12: Moment of Fate - 命运时刻
  • Day 16: Tears in the Backyard - 后院的泪水
  • Day 25: Mountain Top - 山顶
  • Day 33: End and Beginning - 结束与开始

在线体验

在线体验

下载

下载源码

关于朝圣之路

Camino de Santiago(圣地亚哥朝圣之路)是世界上最著名的朝圣路线之一,终点位于西班牙圣地亚哥-德孔波斯特拉,据传是使徒雅各的安息之地。无数朝圣者从中世纪开始踏上这条路线,寻找精神寄托和人生意义。