AmebaブログにGoogle Map | 日野家の山歩きブログ

日野家の山歩きブログ

HP「日野家の山歩き」のブログです。
ホームページも訪れて見てください。
http://hino8224h.sakura.ne.jp/index.htm

 

 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>&nbsp;</P>の右端でEnterを行い8行目に空欄行を作成する。

 

10. 8行目の左端にカーソルを移動し、「貼り付け」のショートカットキー「Ctrl+V」でクリップボードに保存されていたGoogle MapのHTML言語を貼り付ける。

 

11. HTML文書作成画面の一番下に表示されている「通常表示」と「HTML表示」で「通常表示」を選択し、通常画面に戻す。

 

12.通常画面に戻ると、目的のブログ画面の位置にGoogle Mapが埋め込まれている。

13.Google Map画面を「左右中央揃え」に設定すると「完成」