Luchen
返回项目列表Back to projects已上线shipped

大湾区旅行地图Greater Bay Area Travel Map

一个原生集成到个人主页的交互式地图，将多城市行程整理为清晰的逐日路线。An interactive map that turns a multi-city itinerary into a clear day-by-day route.

Next.jsNext.jsTypeScriptTypeScriptLeafletLeaflet
文章目录
  1. 问题
  2. 方案
  3. 结果

问题

横跨澳门、香港和深圳的五日行程包含密集的时间、交通和地点信息，在普通文档中很难快速浏览。

方案

项目现已迁移为 Next.js 原生功能路由。客户端 Leaflet 模块将每日路线、地图标记、交通指引、地点说明和本地参考图片整合在同一个交互视图中，构建脚本则持续生成可下载的 KML 和 CSV 文件。

结果

个人主页和旅行地图现在共享一个仓库、一个应用构建和一套部署流程。地图仍使用独立全屏布局、缓存路线几何和响应式行程控件，不需要数据库或运行时 API。

Table of contents
  1. Problem
  2. Solution
  3. Result

Problem

A five-day itinerary across Macau, Hong Kong, and Shenzhen contains dense timing, transport, and location details that are difficult to scan in a document.

Solution

The project is now a native Next.js feature route. A client-side Leaflet module combines daily routes, map markers, transport guidance, place notes, and locally stored reference images in one interactive view while build scripts keep the downloadable KML and CSV files reproducible.

Result

The portfolio and travel map share one repository, one application build, and one deployment. The map still has an isolated full-screen layout, cached route geometry, responsive itinerary controls, and no database or runtime API dependency.