AmebaブログにGoogle Map
AmebaブログにGoogle Mapを埋め込む方法を備忘録として掲載しておきます。
1.ブログにGoogle Mapを埋め込む位置までブログを書き込み2~3回エンターで空白行を作っておく
2.埋め込む対象位置のGoogle Mapを開く
3.Google Mapで目的の位置をクリックすると、バルーンが表示する。(例:姫路市香寺町の櫃倉神社)
4.Google Mapの右側に表示される情報画面から「共有」をクリックする。
5.「共有」の画面から「地図を埋め込む」タブを選択
6.「HTMLをコピー」をクリック
7.ブログ作成中の画面を開き「通常表示」を「HTML表示」にする。
8.HTML言語で書かれた文章が表示される。
9.上図の7行目と8行目の間にGoogle Mapを埋め込みたいので、7行目に書かれた <p> </P>の右端でEnterを行い8行目に空欄行を作成する。
10. 8行目の左端にカーソルを移動し、「貼り付け」のショートカットキー「Ctrl+V」でクリップボードに保存されていたGoogle MapのHTML言語を貼り付ける。
11. HTML文書作成画面の一番下に表示されている「通常表示」と「HTML表示」で「通常表示」を選択し、通常画面に戻す。
12.通常画面に戻ると、目的のブログ画面の位置にGoogle Mapが埋め込まれている。
13.Google Map画面を「左右中央揃え」に設定すると「完成」