skip to content

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.给旅行地图加了播放键、实时计时、下一站预告、区域彩色和悬停动效。原本静态的地图变成了可以讲故事的界面。

·
SamanthaJarvis

  • 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 放大,点击飞入城市时有更强的镜头推进感。

  • 清理了一些数据 —— 删掉了还没去过的景点。地图只该显示真正踩过的地方。

Join Rex's Lab on Telegram 加入 Rex's Lab

Crypto · AI · Investing — raw thinking, before it becomes a tweet. 加密 · AI · 投资 — 推文之前,更原始的思考。

Join the Lab 进入频道
Now Playing
Ready
yout>