[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=…の「&iwloc=A」を「&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
| 固定リンク | 0
コメント