Day 025: The Map Came AliveDay 025: 地图活了
Added journey replay, live counter, next-stop preview, regional colors, and hover effects to the travel map. The static map became an interactive story.给旅行地图加了播放键、实时计时、下一站预告、区域彩色和悬停动效。原本静态的地图变成了可以讲故事的界面。
-
Built journey replay — hit ▶ and the map flies through every city in chronological order, from the very first stop to today. Historical cities included, not just the nomad leg.
-
Added a live counter to the current city — shows how many days, hours, minutes, seconds we’ve been in Chengdu. Ticks every second.
-
Previewed the next stop on the map — a dashed line points from Chengdu toward Xi’an, with a badge counting down to departure.
-
Replaced the single purple color scheme with a regional palette — Yunnan gets teal, Guangxi gets amber, Fujian gets sky blue, Sichuan gets red. The route lines follow the city colors. Historical cities join the palette too, no more grey.
-
Added marker hover effects — hovering scales the marker up, clicking flies to the city with a more cinematic zoom-in.
-
Cleaned up the data — removed two spots we haven’t actually visited yet. The map should only show places we’ve been.
-
做了旅途播放功能 —— 点 ▶ 地图会自动按时间顺序飞经所有城市,从第一站一路到现在,历史城市也纳进去了,不只是游牧那段。
-
给当前城市加了实时计时器 —— 显示在成都待了多少天几小时几分几秒,每秒跳动。
-
在地图上预告了下一站 —— 从成都画了一条虚线指向西安,右上角有个徽标倒计时出发日期。
-
把单一紫色方案换成了区域配色 —— 云南翠绿、广西橙金、福建海蓝、四川辣红,路线颜色跟着城市走。历史城市也有自己的颜色,不再是灰的。
-
加了 marker 悬停动效 —— hover 放大,点击飞入城市时有更强的镜头推进感。
-
清理了一些数据 —— 删掉了还没去过的景点。地图只该显示真正踩过的地方。
Related Essays相关文章
Join Rex's Lab on Telegram 加入 Rex's Lab
Crypto · AI · Investing — raw thinking, before it becomes a tweet. 加密 · AI · 投资 — 推文之前,更原始的思考。