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

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

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

 

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

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

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

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

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

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

pin_addimg_01

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

 

表示された画面からは画像または動画の追加方法が選択できます。

  • アップロード
  • ウェブカメラ
  • 画像のURL
  • 自分の写真(Googleフォト)
  • その他

 

ここでは「画像のURL」を選択しています。
レンタルサーバーなど画像の共有ストレージがない場合には、
Googleフォトなどを選択するといいでしょう。

URLを貼り付けると画像がプレビューされます。
「選択」をクリックして画像の指定を完了します。

pin_addimg_07

画像のURLを入力・GoogleMyMaps

 

※なお、画像出典の「http://castle-himeji.com/」は、
筆者自身が管理運営するサイトの為、著作権等は自らが保持しています。
利用の際には他人の写真の転用など著作権にはご注意ください。

ピンの情報ウィンドウに画像が表示されるようになります。
「保存」をクリックするとピンの編集が完了します。

pin_addimg_08

プレビュー表示・GoogleMyMaps

 

ピンの詳細ウィンドウに画像付きの情報ウィンドウが表示されます。

pin_addimg_09

ピンに表示された画像・GoogleMyMaps

 

 


公開日:

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