HTML을 사용하여 마커에 여러 미디어 요소 추가하기

이 예시에서는 두 개의 소스 웹사이트인 YouTube 동영상과 SoundCloud 트랙에서 임베드 코드를 복사합니다.

참고: 임베드 코드는 보통 <iframe> 태그 안에 있습니다.

마커 편집기 창에서 HTML 필드 열기

1. 상단 도구 모음에서 Edit/Measure Tool을 선택합니다.

   단축키: 또는 키보드의 "Q" 버튼을 누를 수도 있습니다.

    
2. 지도 보기에서 마커를 클릭합니다.
   정보 버블과 마커 편집기 창이 나타납니다.
    
3. 창 하단에서 "Advanced Editing" 링크를 클릭합니다.
    
4. "Description" 필드의 오른쪽 하단 모서리에서 "HTML" 탭을 클릭합니다.
   이제 설명 필드에 HTML 코드를 입력할 수 있게 됩니다.

YouTube 동영상의 임베드 코드 추가하기

YouTube 동영상의 임베드 코드를 복사하는 방법을 알아보려면:

1. YouTube 동영상 페이지에서 "SHARE" 버튼을 클릭합니다.
    
2. "Embed" 버튼을 클릭합니다.
    
3. 코드를 클릭합니다. 그런 다음 아래 키를 눌러 코드를 복사합니다.
   • 단축키: Ctrl+C (Windows용).
   • 단축키: Cmd+C (Mac용).

6. "Description" 필드를 클릭합니다. 그런 다음 아래 키를 눌러 코드를 붙여넣습니다:
   • 단축키: Ctrl+V (Windows용).
   • 단축키: Cmd+V (Mac용).
    
7. "Save" 버튼을 클릭합니다.

SoundCloud 트랙의 임베드 코드 추가하기

SoundCloud 트랙의 임베드 코드를 복사하는 방법을 알아보려면:

1. SoundCloud 트랙 페이지에서 "Share" 버튼을 클릭합니다.
    
2. "Embed" 탭을 클릭합니다.
    
3. 코드를 클릭합니다. 그런 다음 아래 키를 눌러 코드를 복사합니다.
   • 단축키: Ctrl+C (Windows용).
   • 단축키: Cmd+C (Mac용).

6. "Description" 필드를 클릭합니다. 그런 다음 아래 키를 눌러 코드를 붙여넣습니다:
   • 단축키: Ctrl+V (Windows용).
   • 단축키: Cmd+V (Mac용).
    
7. "Save" 버튼을 클릭합니다.

미디어 요소 표시 테스트하기

1. 동영상과 트랙을 테스트하려면 상단 도구 모음에서 Hand Tool을 선택합니다.
    
2. 지도 보기에서 마커를 클릭합니다.
   설명에 YouTube 동영상 및/또는 SoundCloud 트랙이 포함됩니다.
    

관련 문서

지도가 마커에 대한 정보를 계속 표시하도록 하려면 마커 옆에 레이블을 추가할 수 있습니다. 방법을 알아보려면 다음 링크를 방문하세요: Label Tool—레이블 만들기.