▶️ 教學影片
📒 說明
為了能夠在地圖上標示食物的所在位置,在本單元中加入【地圖】元件,用於顯示地理位置,並搭配經緯度資料新增標記,讓使用者一目了然地看到每筆食物資訊的位置。
👉 操作步驟
1. 在【畫面編排】頁面,至左方元件面板,點開【地圖】,將【地圖】拉進手機畫面,它會出現於手機畫面。
2. 調整地圖大小設定:高度:50%,寬度:填滿。
3. 調整地圖的預設位置:目前地圖預設位置,緯度:42.359144,經度:-71.093612(為美國麻省理工學院位置)。若之後的地點都在台灣,建議可以修改經緯度座標。(以下為佛光大學的緯度與經度)