« 100円ショップで買った時計の時刻設定方法 | トップページ | [Win7] エクスプローラーの表示が即時更新されない »

[Google マップ] 地図を自分のサイトに埋め込む

■新しいGoogle マップ(新版)

1)表示したい地図を表示してから、右下の歯車アイコンをクリック

 注(2018/7/4追記):最新版では、左窓に[共有]アイコンがある

2)[地図を共有/埋め込む] を選択

3)[地図を埋め込む]タブ選択

4)必要なら、サイズを選択(デフォルトは中)

5)表示されるコード(<iframe src="https://www.google.com/・・・</iframe>)を自分のホームページに貼り付ける

新版備考1:不要なピンマーカー(A,B,…)が立っている場合は、
 (1)地図上で目的地選択→ピン表示→リンク ボタンをクリック

新版備考2:吹き出しを非表示にする方法は、未確認だが、旧版の備考3参照

■以前の Google マップ(旧版)

1)表示したい地図を表示してから、左パネルの右上部にあるリンク(鎖)アイコンをクリック

2)[ウェブサイトへの地図埋め込み用 HTML コード]を、自分のホームページに貼り付ける

旧版備考1:表示エリアやサイズの微調整は、「埋め込み地図のカスタマイズ」で可能

旧版備考2:不要なピンマーカー(A,B,…)が立っている場合は、
 (1)左パネルで目的地選択後、リンク ボタンをクリック
 (2)プレビューで確認可能

旧版備考3:吹き出しを非表示にするには、以下のいずれか
 (1)地図上の目的地で右クリックし、「ここからのルート」を選択→マーカーが緑になる→リンクボタンをクリック
 または
 (2)取得したソースの<iframe src=…の「&output=embed」の後ろに「&iwloc=B」を追加
 または
 (3)取得したソースの<iframe src=…の「&amp;iwloc=A」を「&amp;iwloc=B」に変更

旧版備考4:吹き出しもマーカーも非表示にするには、
 (1)地図上の目的地で右クリックし、「ここからのルート」を選択→マーカーが緑になる
 (2)再度マーカーを右クリックし、「この地点を削除」
 (3)リンクボタンをクリック

備考:新版、旧版の切り替え方法

(1)旧版→新版:左パネルに表示される「新しい Google マップ 今すぐ始めてみる」をクリック
   見当たらない場合は、http://www.google.co.jp/maps/about/explore/

(2)新版→旧版:地図の右下に表示される「?」アイコンをクリック→「以前のマップに戻る」

参考サイト:[Google マップ] Google マップを自分のホームページに貼り付ける方法
http://kenkitagawa.cocolog-nifty.com/blog/2011/02/google-google-3.html

| |

« 100円ショップで買った時計の時刻設定方法 | トップページ | [Win7] エクスプローラーの表示が即時更新されない »

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック


この記事へのトラックバック一覧です: [Google マップ] 地図を自分のサイトに埋め込む:

« 100円ショップで買った時計の時刻設定方法 | トップページ | [Win7] エクスプローラーの表示が即時更新されない »