Bloggerにグーグルマップを埋め込む！

1. はじめに
お店や旅行など場所をモチーフにするブログを作成するとマップをブログに埋め込みたいことがあると思います。埋め込むには、少しHTMLの知識がちょっとあれば楽ですが、HTMLの知識がなくても大丈夫です。画像を参考にして頂ければ埋め込めます。
今回は、Googleマップをホームページやブログに埋め込む方法について解説いたします。

２．やり方
①埋め込みたい場所を、Googleマップで表示します。
Googleマップで、ホームページやブログに埋め込みたい場所を表示します。
ここでは、「国会議事堂」と入力しました。

②「共有」マークを押します
次に、共有マークをクリックします。

③②の後すると共有方法が選択できます。

今回は「地図を埋め込む」を選択します。

④「埋め込みコード」をコピーします

埋め込みコードは、以下のようにとても長いです。

「HTMLをコピー」という個所を押すことで、埋め込みコードを丸ごとコピーできます。

この状態では、地図の大きさを調整することができます。

埋め込む地図の縦横サイズを決めてください。「小」「中」「大」「カスタムサイズ」の4種類から選択できます。

⑤ペンマークをクリックするとHTMLビューと作成ビューを選択できます。

HTMLビューに切り替えます。

⑥「埋め込みコード」をペーストします

埋め込みたいホームページやブログのHTMLに「埋め込みコード」をペーストします。

今回は、<p>と</p>の間に入れます。

===================================================

===================================================

===================================================

作成ビューすると、以下のように、Googleマップを埋め込むことが確認できます。

以上で、Googleマップの埋め込みは終わりです。

慣れてブログに地図を入れていきましょう。