いいね!は目の前にあるよ

今日の「いいね!」は見つかりましたか?

【はてなブログ初心者必見!】Google Mapを記事内に貼り付ける方法

f:id:imaterasu:20190907135746j:plain

はてなブログを始めて間もない方必見です!

 

記事の中にGoogle Mapを貼り付けできたら便利だろうなぁ」「ここの場所をどうしてもみんなに伝えたいんだけどなぁ」と思った方はいらっしゃいませんか?

 

そんな方の為に「Google Mapを記事内に貼り付ける」方法をお伝えします。

 

これは、記事を書く方そして、読者さんにとって非常にありがたい機能なので重宝すること間違いありません。

 

 地図のjpg画像を貼り付けしても伝わるかと思いますが、当然その画面からは何も展開しないので、改めてGoogle Mapを開く手間があるため、非常に不親切な記事になってしまいます。

 

今回紹介する方法によって、貼り付けした地図から従来のGoogle Mapと同様の操作ができるので、非常に使い勝手の良い便利な記事に生まれ変わります。

 

かくいう私も、この機能を使ってGoogle Mapを貼り付けてらっしゃるブログを見て、非常に分かりやすくいい機能だなぁ~と感心したことがありましたので、はてなブログを始めたばかりの方を対象にその方法を紹介してみようと思ったわけです。

 

そんな私も初心者同然ですが、、、。( *´艸`)

 

前置きはこのくらいにしといてそれでは早速いってみましょう!

1.Google Mapを開く

www.google.co.jp

 

2.表示したい住所を入力

f:id:imaterasu:20190907151955j:plain

 

3.「メニューボタン」をクリック

f:id:imaterasu:20190907152115j:plain


 

4.「地図を共有または埋め込む」をクリック

f:id:imaterasu:20190907152301j:plain


 

5.「地図を埋め込む」をクリック 

f:id:imaterasu:20190907151748j:plain

 

6.「HTMLをコピー」をクリック

f:id:imaterasu:20190907152424j:plain

 

7.記事を書く画面の「HTML編集」をクリック

f:id:imaterasu:20190907162528j:plain

 

8.「HTLM編集画面に貼り付け」

f:id:imaterasu:20190907153920j:plain



9.「プレビュー」で仕上がりを確認

f:id:imaterasu:20190907154323j:plain

以上、こんな感じであっという間にGoogle Mapを貼り付けることができました。

 

うまくいきましたか?

 

こういった便利な機能が使えたときってほんとうに嬉しいですね。

 

おつかれさまでした!(∩´∀`)∩

f:id:imaterasu:20190907160904j:plain

いかがでしたか?

 

最後までご覧いただきありがとうございました。

 

少しでも何かのお役に立っていれば幸いです。

 

ではまたお会いしましょう!

 

最後にポチッとしていただけると今後の励みになります!

(*´▽`*) 

ブログランキング・にほんブログ村へにほんブログ村