▶️ 單元展示
📒 單元說明
本單元將已上傳的食物資訊位置標示在地圖上,使用者透過清單選擇器選取某項食物時,App 將自動在地圖中對應的經緯度位置上建立標記,並移動畫面至該位置,能幫助使用者更直觀地了解食物所在地。
📒 系統拆解
為了完成本單元任務,可以將整體系統拆解為以下六個步驟:
設定地圖元件與預設中心位置:加入地圖元件,並在屬性中設定地圖的中心座標(如佛光大學的位置),以及縮放程度,讓開啟畫面時即聚焦在地圖範圍內。
取得清單所選資料的經緯度:當使用者從清單中選取某項食物,程式會從試算表中對應列讀取其經度與緯度,準備進行地圖標示。
建立地圖標記(標示位置):利用讀取到的經緯度,在地圖上建立一個標記(Marker),顯示該筆食物的位置,讓資訊有地理對應。
移動地圖視角至標記位置:呼叫地圖的「景向」功能,自動將地圖畫面移至該位置,並設定適當的縮放程度,方便使用者查看。