HTMLを使用してマーカーに複数のメディア要素を追加する

この例では、2つのソースウェブサイト（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—ラベルを作成する。