ハウリンの雑念だらけで生きている

ゆるゆると書いていきます

ブログに【Google マップ を載せたい!】表示させる方法を詳しく紹介!


スポンサーリンク

こんにちは、ハウリンです (*^^*)

旅行や食事に行った記事を書く時、地図を載せれたら・・・と、

しかも Google マップ で分かりやすく伝わる様に載せたい!

と思った事はないでしょうか?

 

今回は記事に Google マップを表示させる方法を紹介します(*^^*)

f:id:twistinhaurin:20200904164732p:plain

 

 

 

Google マップとは

★地図の概念を超える Google マップでは、月や火星まで見る事ができる。

★鳥の様に上空から、山々や奥深い渓谷まであらゆる景色を堪能できる。

★また、リアルタイムな交通状況や最良のルート、ナビゲート機能がある。

★ストリートビューやインドアマップ、口コミも活用できる。

 

記事内に Google マップ を表示させる 

まず、Google マップ で表示させたい地図を開きます。

Google マップ

 

 

左上にある「三」マークをクリック。

f:id:twistinhaurin:20200905153539p:plain

 

 

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

f:id:twistinhaurin:20200905153927p:plain

 

 

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

f:id:twistinhaurin:20200905154326p:plain

 

 

「HTMLをコピー」をクリック。

f:id:twistinhaurin:20200905154759p:plain

 

 

ブログに戻って、先ほどコピーしたコードを「HTML編集」画面に貼り付けます。

f:id:twistinhaurin:20200905155541p:plain

 

 

プレビューを見てみると、、、ちゃんと表示されました!(*^^*)

上の場所は大好きなバンコクの地図です(;^ω^)

 

 Google マップ の大きさを変更する

上に表示された Google マップ の大きさは「中」サイズです。

他に「小」「大」「カスタム」が出来ます。

 

矢印の部分を変更して、「HTMLをコピー」します。

f:id:twistinhaurin:20200905163426p:plain

 

「カスタム」にすると自分でサイズを決められます(^O^)/

f:id:twistinhaurin:20200905163954p:plain

 

 

 あとがき

マップの大きさは「大」にするとかなり大きく表示されます(;^ω^)

よっぽどな事情がないかぎり「小」「中」で十分かと思います。

マップが表示されると記事で紹介された画像や、内容と照らし合わせながら見れるのでユーザーにかなり伝わりやすくなると思います!

是非活用して下さい (*^^*)

それでは、最後まで読んで頂いてありがとうございました。

このブログが少しでも役立てば嬉しいです。

 

 

 

\読者登録してもらえると嬉しいです/