グーグルマップのルート経路表示の地図をブログに埋め込む方法【2020年版】

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

f:id:djrkmrym:20200218233248j:plain

▲こんなやつです▲

 

グーグルマップのルート経路表示をブログに埋め込む方法について。

 

個人的には旅行の記事なんかで移動経路を記録として残したいときによく使います。

 

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

 

 

1:ルートを検索→表示

 

まずはグーグルマップにアクセスして、赤矢印「ルート」をクリック、そして出発地、到着地を入力します。

f:id:djrkmrym:20200218234824p:plain

f:id:djrkmrym:20200218235127p:plain

▲今回は、「神戸駅」から「ノエビアスタジアム」のルートを検索していきます。

 

車、電車、徒歩、自転車など選択可能で、ルート表示上の青い〇をクリックしてドラッグすれば、ルートを自分で変えることもできます。

 

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

 

出発地、到着地を入力後、左の三本線をクリックします。

f:id:djrkmrym:20200218235004p:plain

 

▼メニューが表示されるので、「地図を共有または埋め込む」をクリックします。

f:id:djrkmrym:20200219000021p:plain

f:id:djrkmrym:20200219000202p:plain

▲続いて「地図を埋め込む」をクリックします。

 

f:id:djrkmrym:20200219000459p:plain

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

 

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

 

「小」

 

「中」

 

「大」

 

やはり「中」あたりが1番見やすいかと思います。

 

移動経路をブログ記事に残しておいたりできるので、旅行の記事なんかでは特に役に立ってくれています。

 

▼グーグルマップの位置情報を埋め込む方法も書いています。