From 473211c86cd0881e0545dcacbb0b6f76b3c949b4 Mon Sep 17 00:00:00 2001
From: timmy <timmy@automodules.com>
Date: Mon, 20 Apr 2026 10:01:55 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=87=E8=B3=87=E6=96=99=E4=BE=86=E6=BA=90?=
 =?UTF-8?q?=E5=BE=9E=20spots.json=20=E5=88=87=E6=8F=9B=E5=88=B0=E5=BE=8C?=
 =?UTF-8?q?=E7=AB=AF=20/scan=20API?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 於檔頭新增 API_URL / SCAN_CENTER 常數，方便之後切換 IP / port
- fetch 改 POST，body 帶 lat/lng（後端要求的 schema，值本身會被忽略）
- 空 items 改顯示「目前無資料」提示，處理 API stale-while-revalidate
  快取剛過期時首打會回空陣列的情境
- 保留 toList() 對頂層陣列的相容、保留座標欄位三種別名 fallback

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 index.html | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index eee8869..fbbab47 100644
--- a/index.html
+++ b/index.html
@@ -208,6 +208,11 @@
   <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
 
   <script>
+    // 後端 API 端點；改 IP / port 只改這一行
+    const API_URL = 'http://192.168.88.108:8008/scan';
+    // 掃描中心座標（後端目前會忽略此值，純 schema 相容）
+    const SCAN_CENTER = { lat: 25.0478, lng: 121.5170 };
+
     const map = L.map('map', { worldCopyJump: true, zoomControl: false }).setView([23.7, 121], 7);
     L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
       maxZoom: 19,
@@ -388,12 +393,18 @@
       box.addTo(map);
     }
 
-    fetch('spots.json', { cache: 'no-cache' })
+    fetch(API_URL, {
+      method: 'POST',
+      cache: 'no-cache',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ lat: SCAN_CENTER.lat, lng: SCAN_CENTER.lng })
+    })
       .then(res => {
         if (!res.ok) throw new Error(`HTTP ${res.status} ${res.statusText}`);
         return res.json();
       })
       .then(json => {
+        // 後端回 {source, items: [...]}; toList() 也相容頂層陣列的舊格式
         const list = toList(json);
         const markers = [];
 
@@ -449,12 +460,13 @@
           const group = L.featureGroup(markers);
           map.fitBounds(group.getBounds().pad(0.2));
         } else {
-          showLoadError('沒有可顯示的座標');
+          // API stale-while-revalidate：快取剛過期時會先回空陣列，幾十秒後再打才有資料
+          showLoadError('目前無資料，稍後再試');
         }
       })
       .catch(err => {
-        console.error('讀取 spots.json 失敗:', err);
-        showLoadError(`spots.json 載入失敗：${err.message}`);
+        console.error('讀取掃描資料失敗:', err);
+        showLoadError(`掃描資料載入失敗：${err.message}`);
       });
   </script>
 </body>