Google Maps API・マイマップの使い方・活用法をご紹介しています。

ピン(マーカー)の説明にYoutube動画を追加する|GoogleMyMaps

GoogleMyMaps上に配置したマーカーには、
そのポイントの説明文を追加するだけでなく、
写真やWebカメラの動画などを追加し、説明の補足に利用することができます。
ここでは動画を追加する例をご紹介します。

 

ピン(マーカー)の説明にYoutube動画を追加する

GoogleMyMaps上に配置したマーカーの詳細情報のウィンドウに対して、
画像を追加することで動画の表示を行います。

GoogleMyMaps上に対してマーカーを配置している段階から説明します。
マーカーの配置方法が分からない場合は以下を参考にされてください。

マーカーを配置した際に表示される情報ウィンドウの右下に表示される
カメラアイコン「画像または動画を追加」から、
この地点に関連する画像などを付加することができます。

※どこが動画?と思われた方は最後の部分をお読み下さい。

なお、画像をリンクしたい場合には以下でご紹介しています。

まず任意の場所にマーカーを配置し、
表示された情報ウィンドウの右下「画像または動画を追加」をクリックします。

pin_addmov_01

画像または動画を追加・GoogleMyMaps

 

 

上部のメニューから「その他」を選択して表示される
「YoutubeのURL」をクリックします。

pin_addmov_02

YoutubeのURL・GoogleMyMaps

 

YoutubeのURLを入力する画面に表示が切り替わりますので、
ここでマーカーに表示したいYoutubeの動画URLを準備します。

Youtube側の操作

Youtubeの共有URLの取得はブラウザで対象の動画を開き、
下部の「共有」をクリックします。

pin_addmov_03

Youtubeで共有をクリック

 

 

共有タブが開き、URLがフィールドに表示されます。
このURLをコピーします。

pin_addmov_04

表示された共有URLをコピー

 

GoogleMyMaps側の操作に戻る

Youtubeの動画URLを取得したら、
マイマップの「YoutubeのURLをここに貼り付け」のフィールドに、
URLを貼り付けます。

貼り付けが完了したら動画のサムネイル画像が表示されます。
問題がなければ「選択」をクリックして動画の選択を完了します。

pin_addmov_05

YoutubeURLの貼り付け・GoogleMyMaps

 

マーカー上の情報ウィンドウにYoutube動画が表示されました。
「保存」をクリックして情報ウィンドウの編集を終了します。

pin_addmov_06

情報ウィンドウのプレビュー・GoogleMyMaps

 

以上で動画の割り当ては終了です。
ピンをクリックして表示される情報ウィンドウ上に、
Youtube動画が表示されるようになりました。

pin_addmov_07

Youtubeが割り当てられたマーカー表示・GoogleMyMaps

 

誰も動画が再生されるとは思わないのでは?

これ確かに便利そう!そう思いましたが、
マイマップを表示したページを見てみてみると分かるのですが、
ピンをクリックしても、

Youtubeのサムネイルが表示されているだけ。

そんな風に見えます。
要は見え方が画像と変わらない。

以下は共有したマイマップが直接開きます。

https://www.google.co.jp/maps/d/viewer?mid=1UlCrGJ1hSLU7M98Z2plRrm-5gw8&ll=34.836673600000005%2C134.69328670000004&z=17

ピンをクリックしてスワイプ表示されてくる
大きな画像の部分をクリックすることで動画の再生ができます。

pin_addmov_08

動画の再生は画像をクリック・GoogleMyMaps

 

動画は全画面再生になっています。

pin_addmov_09

Youtubeが全画面再生されますGoogleMyMaps

 

この機能、なんで今まで気づかなかったのかなぁと思えば、
そもそも動画を地図にリンクしたいことがなかったのもそうですが、

誰かが作ったマイマップを見て、Youtubeが貼られていても、
こういう仕様だと動画の存在にまず気づかない。

だからマイマップから動画を再生した経験がないんですね。
やってる人がいたら、「へぇーできるんだ・・・」となるのですが。

使えそうで、使われない。そんな機能かもしれません。

 

 


公開日:

コンテンツ
すべて展開 | すべて省略