作者：楊東韋 / 臺灣大學計算機及資訊網路中心網路組工讀生
本文介紹一個結合生成式AI與互動式地圖的智慧校園導覽系統。此系統整合校園地理資訊與活動公告資料，並透過檢索增強生成（RAG）架構，使聊天機器人能根據使用者查詢即時提供具地理情境的回覆。相較於傳統靜態地圖或公告查詢方式，本系統支援文字與語音互動，並能同步在地圖上定位相關建築或活動地點，有效提升校園導覽與資訊查詢的直覺性與使用效率。
一、前言
台大校園範圍廣大，對訪客或新生來說，常會遇到找不到路或不清楚校內活動資訊的情況。現有的地圖與公告系統多半是靜態呈現，地點與資訊之間缺乏整合，實際使用上不夠直覺。
因此，本專案開發一套智慧校園導覽系統，結合互動式地圖與生成式AI對話，讓使用者可以直接用文字或語音詢問校內建築或活動資訊，並即時在地圖上獲得對應的導航與指引。
二、技術原理與系統設計
本系統採用前後端分離的架構設計，一方面確保操作介面順暢，另一方面也讓後續功能擴充與維護更加方便。前端使用Next.js（React）[1]開發，並以Leaflet.js[2]作為地圖的核心元件。校園內各棟建築皆以GeoJSON資料呈現，使建築本身成為可互動的地圖物件。使用者可點擊建築查看相關介紹，或將其設定為導航的起點與終點；系統也會依據對話內容，自動調整地圖視角並透過不同的顏色顯示對應的位置。此外，前端也有整合瀏覽器原生的語音辨識功能，支援語音轉文字操作，讓使用流程更加直覺。
後端則以FastAPI（Python）[3]建立API服務，負責處理前端請求與資料整合。系統透過Playwright[4]定期爬取台大行政公告網站，將原本結構較為鬆散的公告內容整理成結構化資料並存入資料庫中，作為活動查詢的主要來源。在建築資料方面，針對重要地標以人工方式補充較完整的介紹，其餘建築則透過規則與關鍵字自動產生基本描述，以兼顧資訊品質與整體覆蓋率。
在AI核心設計上，系統採用檢索增強生成（RAG）架構。使用者的問題會先轉換為向量，用來判斷提問意圖並檢索相關校園資料；若為活動查詢，系統會從向量資料庫中找出最相關的公告內容，作為語言模型生成回覆的依據。為了讓文字回覆能實際對應到地圖操作，此系統另外設計了地點標記機制，要求模型在回答中標示校內建築名稱，後端解析後即可將地點資訊回傳前端，觸發地圖自動定位與標示。
三、實驗結果與呈現
目前系統已能穩定提供校內活動查詢與建築導覽功能。使用者可透過聊天介面詢問近期活動，並直接在地圖上查看位置；點擊建築後可顯示介紹內容，並進行校內路線規劃。此外，本系統也支援將路線轉換為Google Maps QR Code，方便使用者使用手機導航把路線帶著走，並可透過語音方式進行互動。
圖片1：地圖導航與Google Map QRCode顯示
圖表2：定期爬取學校公告呈現於前端頁面中
圖表3：透過Chatbot查詢活動的地點並在地圖中即時顯示
四、結論與未來展望
本專案成功整合校園地圖與生成式AI，讓使用者能以對話方式進行導航與資訊查詢。透過RAG架構與地點標記機制，系統在實用性與準確性上皆有良好表現。
未來可進一步發展AR導航[5][6]、主動式資訊推播，以及多語言語音導覽，讓智慧校園導覽系統在實際場域中發揮更大的應用價值。
五、參考文獻
[1] Next.js Reference(https://nextjs.org/)
[2] Leaflet.js Documentation(https://leafletjs.com/)
[3] FastAPI Documentation(https://fastapi.tiangolo.com/)
[4] Playwright–web crawler(https://playwright.dev/)
[5] Reference - An ARCore-Based Augmented Reality Campus Navigation System
[6] Reference - Revolutionizing Campus Navigation Using Augmented Reality: A Comprehensive Study