カメラと子育てでパパの毎日を楽しむブログ

カメラが好きな5歳の息子と3歳の娘の二児のパパです。趣味のカメラの話題を中心に書いています!

ブログ初心者向け!Googleマップをはてなブログに埋め込んでみた

こんにちは。まーとんです。

最近は、子供と遊びにいったスポットやごはん屋さんなどを書く機会が増えているのですが、今回よくブログで見かける「Googleマップの埋め込み」をやってみたので、書いておきます。私のような、ブログ初心者向けです^^

Googleマップを埋め込む手順

1.Googleアカウントを作成して、ログインする

まずは、Googleアカウントを作成して、ログインします。

ここの詳細は、割愛します!

 

2.アプリからGoogleマップを開く

ログイン画面から、①アプリ②マップを選択します。

f:id:machapapa2929:20190414092233j:plain

3.地点を検索し、共有する

次に、③貼り付けたい地点を検索し、>④共有ボタンを押します。

f:id:machapapa2929:20190414092341j:plain

 

4.HTMLをコピーする

次は、⑤地図を埋め込む>⑥埋め込む地図のサイズを選択>⑦HTMLをコピーします。これで、地図情報がコピーされているはずです。

地図のサイズはお好みで選択しましょう!私は、控えめに「小」が好みです。

f:id:machapapa2929:20190414092455j:plain

 

5.はてなブログにHTML編集で貼り付ける

最後に、はてなブログに貼り付けます。

f:id:machapapa2929:20190414094525j:plain

ここで、インターネットに疎い私は少しつまづいたのですが、HTML編集」形式で貼り付けるのが重要です。「編集 見たまま」ではうまくいかなかったので、注意が必要です^^b

 

6.プレビューで埋め込まれたのを確認する

貼り付けが終わったら、プレビュー画面でGoogleマップがちゃんと貼り付けられているのを確認しましょう!

 

まとめ

上に書いた1~6の手順で、はてなブログにGoogleマップが貼り付けられたはずです。

スポットを紹介する際は、住所を貼り付けるだけでは情報が少ないので、適宜Googleマップを貼り付けることで、より親切な情報になりますね^^

私のようなブログ初心者の方は、簡単ですのでぜひ試してみてください^^