From fac34c98729e9ce1cab7ed6e50c549d8bc6d7002 Mon Sep 17 00:00:00 2001
From: "2569718930@qq.com" <2569718930@qq.com>
Date: Wed, 4 Mar 2026 01:10:41 +0800
Subject: [PATCH] feat: add cinematic zoom-in camera for city selection

---
 web/static/app.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/web/static/app.js b/web/static/app.js
index b09bca74..2914e1c9 100644
--- a/web/static/app.js
+++ b/web/static/app.js
@@ -134,7 +134,6 @@ function buildCityList(cities) {
         `;
     div.addEventListener("click", () => {
       loadCityDetail(city.name);
-      map.flyTo([city.lat, city.lon], 6, { duration: 1 });
     });
     container.appendChild(div);
   });
@@ -215,6 +214,16 @@ async function loadCityDetail(cityName) {
     const data = await fetchCityDetail(cityName);
     cityDataCache[cityName] = data;
     renderPanel(data);
+
+    // Cinematic Zoom-in Camera
+    if (data.lat != null && data.lon != null) {
+      map.flyTo([data.lat, data.lon], 10, {
+        animate: true,
+        duration: 1.5,
+        easeLinearity: 0.25,
+      });
+    }
+
     // Update marker and list
     if (data.current?.temp != null) {
       const displayTemp =