Использование HTML для добавления нескольких медиа-элементов к маркеру
В этом примере мы скопируем код встраивания с двух исходных сайтов: видео YouTube и трека SoundCloud.
Примечание: Код встраивания обычно находится внутри тега <iframe>.
Откройте поле HTML в окне редактора маркера
-
Выберите инструмент Edit/Measure Tool на верхней панели инструментов.
Быстрая клавиша: Или вы можете нажать кнопку «Q» на клавиатуре.
- В окне просмотра карты нажмите на маркер.
Появится информационное всплывающее окно и окно редактора маркера.
- В нижней части окна нажмите на ссылку «Advanced Editing».
- В правом нижнем углу поля «Description» нажмите на вкладку «HTML».
Теперь поле описания будет доступно для ввода HTML-кода.
Добавьте код встраивания видео YouTube
Чтобы узнать, как скопировать код встраивания видео YouTube:
- На странице видео YouTube нажмите кнопку «SHARE».
- Нажмите кнопку «Embed».
- Нажмите на код. Затем скопируйте код, нажав
- Быстрая клавиша: Ctrl+C (для Windows).
- Быстрая клавиша: Cmd+C (для Mac).
-
Нажмите на поле «Description». Затем вставьте код, нажав:
- Быстрая клавиша: Ctrl+V (для Windows).
- Быстрая клавиша: Cmd+V (для Mac).
- Нажмите на кнопку «Save».
Добавьте код встраивания трека SoundCloud
Чтобы узнать, как скопировать код встраивания трека SoundCloud:
- На странице трека SoundCloud нажмите кнопку «Share».
- Перейдите на вкладку «Embed».
- Нажмите на код. Затем скопируйте код, нажав
- Быстрая клавиша: Ctrl+C (для Windows).
- Быстрая клавиша: Cmd+C (для Mac).
-
Нажмите на поле «Description». Затем вставьте код, нажав:
- Быстрая клавиша: Ctrl+V (для Windows).
- Быстрая клавиша: Cmd+V (для Mac).
- Нажмите на кнопку «Save».
Проверьте отображение медиа-элементов
- Чтобы протестировать видео и трек, выберите инструмент Hand Tool на верхней панели инструментов.
- В окне просмотра карты нажмите на маркер.
Описание будет включать в себя видео YouTube и/или трек SoundCloud.
Связанная статья
Если вы хотите, чтобы на карте постоянно отображалась информация о маркере, вы можете добавить подпись рядом с маркером. Чтобы узнать, как это сделать, перейдите по этой ссылке: Label Tool—Создать подпись.
Последнее обновление