グーグルマップの位置情報をブログに埋め込む方法【2020年版】

記事内に広告が含まれています。

f:id:djrkmrym:20200218223415j:plain

▲こんなやつです▲

 

グーグルマップの位置情報をブログに埋め込む方法について。

 

おすすめの場所をブログの記事に貼ったりするときによく使います。

 

すごく簡単なので、初めての方でもすぐできます。

 

 

1:場所を検索

 

まずはグーグルマップにアクセスして、場所を検索します。

f:id:djrkmrym:20200218221841p:plain

今回は、神戸市にある「ノエビアスタジアム神戸」の位置情報をブログに埋め込んでいきたいと思います。

 

2:埋め込む地図のコードをコピー

 

検索すると地図上に赤いピンが表示されます。

f:id:djrkmrym:20200218225807p:plain

赤いピンが表示されると、「共有」をクリックします。

 

f:id:djrkmrym:20200218230612p:plain

すると、このように表示されるので「地図を埋め込む」をクリックします。

 

f:id:djrkmrym:20200218230712p:plain

コードが表示されるので、あとはコピーして貼り付けるだけなのですが、地図の大きさを「小」「中」「大」「カスタム」を選ぶことができます。

 

自分は「中」を貼ることが多いですが、試しに「小」「中」「大」のサイズをそれぞれ埋め込んでみます。

 

「小」

 

「中」

 

「大」

 

やはり「小」か「中」が見やすいかと思います。

 

自分はスマホでも見やすいように、「小」か「中」を使うことがほとんどです。

 

おすすめの場所+地図が貼ってあれば、いちいち地図で調べなくてもいいので、とても役に立ちます。

 

▼ルート経路を表示させたグーグルマップを埋め込む方法も書いています。