使用 HTML 在標記中新增多個媒體元素
在此範例中,我們將從兩個來源網站複製嵌入程式碼:一個 YouTube 影片和一個 SoundCloud 曲目。
附註:嵌入程式碼通常會位於 <iframe> 標籤內。
在標記編輯視窗中開啟 HTML 欄位
-
在頂端工具列中選取編輯/測量工具。
快速鍵:或者您也可以按下鍵盤上的「Q」鍵。
- 在地圖檢視中,點選標記。
資訊泡泡和標記編輯視窗將會彈出。
- 在視窗底部,點選「進階編輯」連結。
- 在「說明」欄位的右下角,點選「HTML」索引標籤。
說明欄位現在將可輸入 HTML 程式碼。
新增 YouTube 影片的嵌入程式碼
若要了解如何複製 YouTube 影片的嵌入程式碼:
- 在 YouTube 影片的頁面上,點選「SHARE」按鈕。
- 點選「Embed」按鈕。
- 點選程式碼。然後按下以下按鍵複製程式碼
- 快速鍵:Ctrl+C(適用於 Windows)。
- 快速鍵:Cmd+C(適用於 Mac)。
-
點選「說明」欄位。然後按下以下按鍵貼上程式碼:
- 快速鍵:Ctrl+V(適用於 Windows)。
- 快速鍵:Cmd+V(適用於 Mac)。
- 點選「儲存」按鈕。
新增 SoundCloud 曲目的嵌入程式碼
若要了解如何複製 SoundCloud 曲目的嵌入程式碼:
- 在 SoundCloud 曲目的頁面上,點選「分享」按鈕。
- 點選「Embed」索引標籤。
- 點選程式碼。然後按下以下按鍵複製程式碼
- 快速鍵:Ctrl+C(適用於 Windows)。
- 快速鍵:Cmd+C(適用於 Mac)。
-
點選「說明」欄位。然後按下以下按鍵貼上程式碼:
- 快速鍵:Ctrl+V(適用於 Windows)。
- 快速鍵:Cmd+V(適用於 Mac)。
- 點選「儲存」按鈕。
測試媒體元素的顯示
- 若要測試影片和曲目,請在頂端工具列中選取手形工具。
- 在地圖檢視中,點選標記。
說明中將包含 YouTube 影片和/或 SoundCloud 曲目。
相關文章
如果您希望地圖持續顯示標記的相關資訊,可以在標記旁邊新增文字標註。若要了解方法,請造訪此連結:文字標註工具—建立文字標註。
最後更新