グーグルマップをブログに埋め込む方法

グーグルマップって本当に便利ですよね。今やコレがないと目的地に辿りつけない気がします。そんなグーグルマップブログに埋め込む方法をご紹介します。

グーグルマップって便利

グーグルマップはスマートフォンを利用されている方だったら誰もが利用したことがあるでしょう。特に行ったことが無いところに行く時に便利なんですよね。昔だったら事前に地図を印刷して持って行ったりしたものですが、そんな必要は一切なくなりました。

住所を入れるだけでも、ビル名を入れるだけでも駅から目的地への行き方を簡単に教えてもらえちゃいますからね。

事前に場所を調べずに行くことが多くなりました。

皆が見慣れているグーグルマップだからこそブログで場所を詳しく伝えたいときには利用したいものです。動画を埋め込むのと同じぐらい簡単にできるので是非やってみましょう。

グーグルマップを埋め込む方法

まずはグーグルマップにアクセスをして、東京スカイツリーで検索をしてみます。

東京スカイツリー

右下に歯車のマークがあるのでクリックし『地図を共有/埋め込む』を選択します。

地図を埋め込む

地図を埋め込むをクリックすると、埋め込みコードを取得することができます。

地図を埋め込む

こちらのコードをブログに貼り付ければグーグルマップを埋め込むことができます。

サイズは3つから選択ができるので、自分のブログのサイズに合ったものを選びましょう。

  • 小:400×300
  • 中:600×450
  • 大:800×600

カスタムで自由に大きさを変更することもできます。

ルートを表示する

グーグルマップにルートを表示することも可能です。以前カーナビが壊れた時に一時期グーグルマップを利用していたことが合ったのですが、結構正確に行けるものですよ。

新宿駅から都庁へのルートを選択したいと思います。

まずは検索窓で『新宿駅』を検索します。『ルート・乗換』で目的地を検索しましょう。

新宿駅 Google マップ

右の上下マークをクリックすると出発地へ簡単に入力ができます。

Google マップ 2

続いて目的地に『都庁』と入力をします。

都庁

車、電車、徒歩から選択ができます。今回は徒歩にしてみました。

徒歩

そして出来がったものを埋め込んでみると、こんな感じに仕上がりました。


ブログで場所を説明するときは文字だけだとわからなかったりするので、こういった地図を埋め込んであげるとわかりやすい記事を作成することができますね。

ルートは更に追加もできるので是非利用してみましょう。

2,000名以上が購読中の無料メルマガ

コメントを残す

メールアドレスが公開されることはありません。