← 全部项目
Web Experience · 2026
Iceland Route Guide
带路线筛选和缩放地图的冰岛自驾攻略
把航班、住宿、自驾、景点与公开地理数据整理成一份面向同行者的可交互旅行网站。
Interactive MapTravelWeb
D1
D4
D8
ICELAND · 8 DAYSCHALLENGE
问题
复杂旅行信息分散在订单、地图和攻略中，同行者难以快速理解每天路线、车程与关键决策。
APPROACH
方案
按日期组织全部信息，并用真实坐标投影交互地图；点击 D1–D8 只显示当天路线，支持缩放和平移。
WHAT IT DOES
核心能力
- 真实地理坐标驱动的 SVG 路线地图
- D1–D8 每日筛选、缩放与拖拽
- 航班、酒店、租车与景点统一时间线
- 移动端适配和来源说明
OUTCOMES
项目价值
- 将个人行程转化为适合同行者阅读的产品
- 复杂路线在一个页面内清晰呈现
- 形成可复用的静态旅行站部署方式
STACK
HTMLCSSJavaScriptSVG MapNginx