wordpress

これはカンタン!グーグルマップにルート表示してサイトに埋め込んじゃうよ

グーグルマップ 埋め込み地図 拡大

グーグルマップって便利でサイトに埋め込みたいな~なんて考えている人も多く実際に利用している人も。

グーグルマップは使い方一つでこんな便利なことができちゃう。

カーナビのようにルート表示できるの知っていますか?

実はできちゃうんです。

選択できるルート計測は、

  • 電車
  • 徒歩
  • 自転車
  • 飛行機

この5種類です。

地元民でも知らない最速ルートが見つかってしまうから衝撃です。

地図を埋め込みするとこんな感じ

 

今回は、便利なグーグルマップに目的までの最速ルートを記載してサイトへ掲載する地図の埋め込み方法を紹介します!

 

グーグルマップの使い方

グーグルマップで検索してくださいな。検索結果はこちら

最初から説明していきましょうか。

検索すればまず一番最初に表示されるので目的地を入力しましょう。

住所が分かれば一番です。例をあげればこんな感じです。

グーグルマップ使い方パイロン

※クリックすると拡大しますよ。

今回はじゃじゃ麺で有名なパイロンを検索してみました。

これだけでも検索できてしまうのは優れていますね。

他にもじゃじゃ麺屋さんいくつかでているので盛岡に観光でじゃじゃ麺巡りにするには最適かも。

ルートを入力

最寄りのお泊まりのホテルの名前入力します。個人的に好きなダイワロイネットにしてみました。

グーグルマップ ルート

 

グーグルマップ ルート追加 ダイワロイネット

 

グーグルマップ ルート ダイワロイネットからパイロン

すると・・

ダイワロイネットからパイロンまでの最短距離が青テンでルート表示されました。

徒歩でも大体6分が到着目安のようです。

タクシーならもっと早いということですね、初乗り料金でいきそう。

グーグルマップのルートをサイトで共有しますよッ

折角ルート表示で最速ルートまで表示できたので共有しておきたいな~~と思うのが人の常。

わざわざ説明するよりも便利だし、印刷して渡すと言うこともできるけれど、ブログ持っている人も多くなっているのでサイト内で共有しちゃえばいいよね!

それでは早速そのやり方について。

 

真ん中の<をクリックします。

グーグルマップ 地図埋め込み

共有する地図サイズの大きさを変えるにはここで変えられます。

グーグルマップ 埋め込み地図 拡大

 

グーグルマップ 地図埋め込み方法

<iframe src=>で始まる部分Ctrl + Aで全文コピーしちゃうとカンタンです。

グーグルマップをルート表示を実際に埋め込みしちゃいます

これがルート表示したグーグルマップを埋め込んだ状態です。

サイズは「中」です。

まとめ

いかがでしたか?グーグルマップは使い慣れるとカンタンでカーナビ代わりにもなる優れものです。

これも使い慣れないと難しく感じますが、やってみるとカンタンなものです。

食べず嫌いにならずまずやってみるというのがよいかもしれませんね。

やってみたら「おぉ」カンタンということも多くあるんです。

まっ、人でいうと話しにくいな~と思ってもいざ話をしてみたら気さくな人で今ではすっかり大の友人に成り代わることも多いですッ♪