這支影片將帶你完整實作 React 設備地圖模組，透過 Leaflet 搭配 OpenStreetMap 建立互動式地圖環境，把每一台設備的位置以攝影機圖示標示在地圖上，使用者可以透過滑鼠移入查看設備的基本資訊，例如名稱、型別、狀態等，點擊設備後更能直接開啟即時影像視窗，快速掌握設備的現況。
同時我們也會示範如何讓地圖自動縮放到所有設備的分布範圍，確保不會漏掉任何一台，並且介紹如何根據設備的 Online 或 Offline 狀態使用不同顏色或圖示來區分，增強地圖的可讀性。
這個模組能讓系統不僅有文字與表格的管理功能，更結合了地理資訊的視覺化呈現，讓監控管理更直覺也更專業，非常適合實際專案應用與教學示範。
00:00 設備地圖模組功能
00:54 套件安裝/選單設定
03:22 地圖顯示
05:07 設備地標顯示
