在 Google 繪圖上也做了超連結整個已經很完整了，
但感覺還是沒有像在網頁中直覺！
這邊整理了一下提示詞，希望對想做類似網頁的老師有幫助！
圖片網址：提供一張在公開網頁上的圖片網址連結
再附上下方的提示詞，應該就能完成類似的網頁了：
網頁架構與內容
建立互動式校園導覽網站： 使用 [圖片網址]，建立一個供新生使用的互動式校園地圖網站。
在地圖上標記地點： 請在圖片上的特定位置標記出「行政大樓」、「高年級教學大樓」、「活動中心」等熱點。
熱點資訊呈現： 點擊熱點時，請在熱點旁邊（或下方）顯示一個資訊框，包含地點的名稱和簡介。
互動與多媒體功能
連結外部資源： 請在地圖上的圖示（或指定位置）設定連結，讓使用者可以點擊後前往學校官網、相簿、Google 地圖和 YouTube 頻道。
嵌入音樂播放器： 在音樂相關的熱點上，請內嵌一個音訊播放器，讓使用者可以直接在網頁上播放 [音樂網址]。
資訊框位置調整： 確保資訊框會跟隨點擊的熱點位置顯示，並且不會遮擋住其他內容。
設計與使用者體驗
視覺設計： 使用簡潔、現代的設計風格，並確保在手機和電腦上都有良好的顯示效果。
熱點視覺效果： 當滑鼠移到熱點上時，增加動態效果（如放大或改變顏色），讓使用者知道這是可點擊的區域。
關閉按鈕： 在資訊框內加入一個明顯的「關閉」按鈕，方便使用者關閉資訊框。